Hex Color #156D52 - Custom Color

Color Codes

HEX

#156D52

RGB

rgb(21, 109, 82)

HSL

hsl(162, 68%, 25%)

CMYK

cmyk(81%, 0%, 25%, 57%)

HSV

hsv(162, 81%, 43%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#146B26 #146B51 #145A6B

Triadic

#146B51 #51146B #6B5114

Split Complementary

#146B51 #6B145A #6B2614

Tetradic (Square)

#146B51 #26146B #6B142E #5A6B14

Complementary

#156D52 #6B142E

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.29:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.34:1

Fail - 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: #156D52;

color: #156D52;

border-color: #156D52;

}

Tailwind CSS (with arbitrary values)

bg-[#156D52]

text-[#156D52]

border-[#156D52]

// Example usage: