Hex Color #ABFF9D - Custom Color

Color Codes

HEX

#ABFF9D

RGB

rgb(171, 255, 157)

HSL

hsl(111, 100%, 81%)

CMYK

cmyk(33%, 0%, 38%, 0%)

HSV

hsv(111, 38%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DDFF9E #ADFF9E #9EFFC0

Triadic

#ADFF9E #9EADFF #FF9EAD

Split Complementary

#ADFF9E #C09EFF #FF9EDD

Tetradic (Square)

#ADFF9E #9EDDFF #F09EFF #FFC09E

Complementary

#ABFF9D #F09EFF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.20:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 17.52: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: #ABFF9D;

color: #ABFF9D;

border-color: #ABFF9D;

}

Tailwind CSS (with arbitrary values)

bg-[#ABFF9D]

text-[#ABFF9D]

border-[#ABFF9D]

// Example usage: