Hex Color #86E8BB - Custom Color

Color Codes

HEX

#86E8BB

RGB

rgb(134, 232, 187)

HSL

hsl(152, 68%, 72%)

CMYK

cmyk(42%, 0%, 19%, 9%)

HSV

hsv(152, 42%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#87E88A #87E8BB #87E5E8

Triadic

#87E8BB #BB87E8 #E8BB87

Split Complementary

#87E8BB #E887E5 #E88A87

Tetradic (Square)

#87E8BB #8A87E8 #E887B4 #E5E887

Complementary

#86E8BB #E887B4

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.47:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.27: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: #86E8BB;

color: #86E8BB;

border-color: #86E8BB;

}

Tailwind CSS (with arbitrary values)

bg-[#86E8BB]

text-[#86E8BB]

border-[#86E8BB]

// Example usage: