Hex Color #8CAE76 - Custom Color

Color Codes

HEX

#8CAE76

RGB

rgb(140, 174, 118)

HSL

hsl(96, 26%, 57%)

CMYK

cmyk(20%, 0%, 32%, 32%)

HSV

hsv(96, 32%, 68%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#A8AE75 #8CAE75 #75AE7B

Triadic

#8CAE75 #758CAE #AE758C

Split Complementary

#8CAE75 #7B75AE #AE75A8

Tetradic (Square)

#8CAE75 #75A8AE #9775AE #AE7B75

Complementary

#8CAE76 #9775AE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.49:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.43:1

Pass - WCAG AA (Normal Text)

Pass - 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: #8CAE76;

color: #8CAE76;

border-color: #8CAE76;

}

Tailwind CSS (with arbitrary values)

bg-[#8CAE76]

text-[#8CAE76]

border-[#8CAE76]

// Example usage: