Hex Color #88C4BA - Custom Color

Color Codes

HEX

#88C4BA

RGB

rgb(136, 196, 186)

HSL

hsl(170, 34%, 65%)

CMYK

cmyk(31%, 0%, 5%, 23%)

HSV

hsv(170, 31%, 77%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#87C49C #87C4BA #87B0C4

Triadic

#87C4BA #BA87C4 #C4BA87

Split Complementary

#87C4BA #C487B0 #C49C87

Tetradic (Square)

#87C4BA #9C87C4 #C48792 #B0C487

Complementary

#88C4BA #C48792

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.97:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.65:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #88C4BA;

color: #88C4BA;

border-color: #88C4BA;

}

Tailwind CSS (with arbitrary values)

bg-[#88C4BA]

text-[#88C4BA]

border-[#88C4BA]

// Example usage: