Hex Color #AFE97E - Custom Color

Color Codes

HEX

#AFE97E

RGB

rgb(175, 233, 126)

HSL

hsl(93, 71%, 70%)

CMYK

cmyk(25%, 0%, 46%, 9%)

HSV

hsv(93, 46%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E3E97C #ADE97C #7CE982

Triadic

#ADE97C #7CADE9 #E97CAD

Split Complementary

#ADE97C #827CE9 #E97CE3

Tetradic (Square)

#ADE97C #7CE3E9 #B87CE9 #E9827C

Complementary

#AFE97E #B87CE9

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.42:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.78: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: #AFE97E;

color: #AFE97E;

border-color: #AFE97E;

}

Tailwind CSS (with arbitrary values)

bg-[#AFE97E]

text-[#AFE97E]

border-[#AFE97E]

// Example usage: