Hex Color #87DBCF - Custom Color

Color Codes

HEX

#87DBCF

RGB

rgb(135, 219, 207)

HSL

hsl(171, 54%, 69%)

CMYK

cmyk(38%, 0%, 5%, 14%)

HSV

hsv(171, 38%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#85DBA3 #85DBCE #85BDDB

Triadic

#85DBCE #CE85DB #DBCE85

Split Complementary

#85DBCE #DB85BD #DBA385

Tetradic (Square)

#85DBCE #A385DB #DB8592 #BDDB85

Complementary

#87DBCF #DB8592

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.61:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.06: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: #87DBCF;

color: #87DBCF;

border-color: #87DBCF;

}

Tailwind CSS (with arbitrary values)

bg-[#87DBCF]

text-[#87DBCF]

border-[#87DBCF]

// Example usage: