Hex Color #ABEBCD - Custom Color

Color Codes

HEX

#ABEBCD

RGB

rgb(171, 235, 205)

HSL

hsl(152, 62%, 80%)

CMYK

cmyk(27%, 0%, 13%, 8%)

HSV

hsv(152, 27%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#ACECAE #ACECCE #ACEAEC

Triadic

#ACECCE #CEACEC #ECCEAC

Split Complementary

#ACECCE #ECACEA #ECAEAC

Tetradic (Square)

#ACECCE #AEACEC #ECACCA #EAECAC

Complementary

#ABEBCD #ECACCA

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.50: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: #ABEBCD;

color: #ABEBCD;

border-color: #ABEBCD;

}

Tailwind CSS (with arbitrary values)

bg-[#ABEBCD]

text-[#ABEBCD]

border-[#ABEBCD]

// Example usage: