Hex Color #ABFCB5 - Custom Color

Color Codes

HEX

#ABFCB5

RGB

rgb(171, 252, 181)

HSL

hsl(127, 93%, 83%)

CMYK

cmyk(32%, 0%, 28%, 1%)

HSV

hsv(127, 32%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CAFCAB #ABFCB5 #ABFCDD

Triadic

#ABFCB5 #B5ABFC #FCB5AB

Split Complementary

#ABFCB5 #DDABFC #FCABCA

Tetradic (Square)

#ABFCB5 #ABCAFC #FCABF3 #FCDDAB

Complementary

#ABFCB5 #FCABF3

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.21:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 17.32: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: #ABFCB5;

color: #ABFCB5;

border-color: #ABFCB5;

}

Tailwind CSS (with arbitrary values)

bg-[#ABFCB5]

text-[#ABFCB5]

border-[#ABFCB5]

// Example usage: