Hex Color #ACE4AE - Custom Color

Color Codes

HEX

#ACE4AE

RGB

rgb(172, 228, 174)

HSL

hsl(122, 51%, 78%)

CMYK

cmyk(25%, 0%, 24%, 11%)

HSV

hsv(122, 25%, 89%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C5E4AA #AAE4AC #AAE4C9

Triadic

#AAE4AC #ACAAE4 #E4ACAA

Split Complementary

#AAE4AC #C9AAE4 #E4AAC5

Tetradic (Square)

#AAE4AC #AAC5E4 #E4AAE2 #E4C9AA

Complementary

#ACE4AE #E4AAE2

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.45:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.46:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

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

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #ACE4AE;

color: #ACE4AE;

border-color: #ACE4AE;

}

Tailwind CSS (with arbitrary values)

bg-[#ACE4AE]

text-[#ACE4AE]

border-[#ACE4AE]

// Example usage: