Hex Color #ACC485 - Custom Color

Color Codes

HEX

#ACC485

RGB

rgb(172, 196, 133)

HSL

hsl(83, 35%, 65%)

CMYK

cmyk(12%, 0%, 32%, 23%)

HSV

hsv(83, 32%, 77%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C5BE87 #ADC587 #8EC587

Triadic

#ADC587 #87ADC5 #C587AD

Split Complementary

#ADC587 #878EC5 #BE87C5

Tetradic (Square)

#ADC587 #87C5BE #9E87C5 #C5878E

Complementary

#ACC485 #9E87C5

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.91:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.99: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: #ACC485;

color: #ACC485;

border-color: #ACC485;

}

Tailwind CSS (with arbitrary values)

bg-[#ACC485]

text-[#ACC485]

border-[#ACC485]

// Example usage: