Hex Color #AFEF97 - Custom Color

Color Codes

HEX

#AFEF97

RGB

rgb(175, 239, 151)

HSL

hsl(104, 73%, 76%)

CMYK

cmyk(27%, 0%, 37%, 6%)

HSV

hsv(104, 37%, 94%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DAEE95 #ADEE95 #95EEAA

Triadic

#ADEE95 #95ADEE #EE95AD

Split Complementary

#ADEE95 #AA95EE #EE95DA

Tetradic (Square)

#ADEE95 #95DAEE #D795EE #EEAA95

Complementary

#AFEF97 #D795EE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.34:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.62: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: #AFEF97;

color: #AFEF97;

border-color: #AFEF97;

}

Tailwind CSS (with arbitrary values)

bg-[#AFEF97]

text-[#AFEF97]

border-[#AFEF97]

// Example usage: