Hex Color #157527 - Custom Color

Color Codes

HEX

#157527

RGB

rgb(21, 117, 39)

HSL

hsl(131, 70%, 27%)

CMYK

cmyk(82%, 0%, 67%, 54%)

HSV

hsv(131, 82%, 46%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#337515 #157526 #157557

Triadic

#157526 #261575 #752615

Split Complementary

#157526 #571575 #751533

Tetradic (Square)

#157526 #153375 #751563 #755715

Complementary

#157527 #751563

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.82:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.61: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: #157527;

color: #157527;

border-color: #157527;

}

Tailwind CSS (with arbitrary values)

bg-[#157527]

text-[#157527]

border-[#157527]

// Example usage: