Hex Color #2D8800 - Custom Color

Color Codes

HEX

#2D8800

RGB

rgb(45, 136, 0)

HSL

hsl(100, 100%, 27%)

CMYK

cmyk(67%, 0%, 100%, 47%)

HSV

hsv(100, 100%, 53%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#738A00 #2E8A00 #008A17

Triadic

#2E8A00 #002E8A #8A002E

Split Complementary

#2E8A00 #17008A #8A0073

Tetradic (Square)

#2E8A00 #00738A #5C008A #8A1700

Complementary

#2D8800 #5C008A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.53:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.63:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #2D8800;

color: #2D8800;

border-color: #2D8800;

}

Tailwind CSS (with arbitrary values)

bg-[#2D8800]

text-[#2D8800]

border-[#2D8800]

// Example usage: