Hex Color #ADE9C2 - Custom Color

Color Codes

HEX

#ADE9C2

RGB

rgb(173, 233, 194)

HSL

hsl(141, 58%, 80%)

CMYK

cmyk(26%, 0%, 17%, 9%)

HSV

hsv(141, 26%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#B7EAAE #AEEAC3 #AEEAE1

Triadic

#AEEAC3 #C3AEEA #EAC3AE

Split Complementary

#AEEAC3 #E1AEEA #EAAEB7

Tetradic (Square)

#AEEAC3 #AEB7EA #EAAED5 #EAE1AE

Complementary

#ADE9C2 #EAAED5

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.38:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.21: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: #ADE9C2;

color: #ADE9C2;

border-color: #ADE9C2;

}

Tailwind CSS (with arbitrary values)

bg-[#ADE9C2]

text-[#ADE9C2]

border-[#ADE9C2]

// Example usage: