Hex Color #AFEAC7 - Custom Color

Color Codes

HEX

#AFEAC7

RGB

rgb(175, 234, 199)

HSL

hsl(144, 58%, 80%)

CMYK

cmyk(25%, 0%, 15%, 8%)

HSV

hsv(144, 25%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#B4EAAE #AEEAC6 #AEEAE4

Triadic

#AEEAC6 #C6AEEA #EAC6AE

Split Complementary

#AEEAC6 #E4AEEA #EAAEB4

Tetradic (Square)

#AEEAC6 #AEB4EA #EAAED2 #EAE4AE

Complementary

#AFEAC7 #EAAED2

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.36:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.42: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: #AFEAC7;

color: #AFEAC7;

border-color: #AFEAC7;

}

Tailwind CSS (with arbitrary values)

bg-[#AFEAC7]

text-[#AFEAC7]

border-[#AFEAC7]

// Example usage: