Hex Color #89FDDC - Custom Color

Color Codes

HEX

#89FDDC

RGB

rgb(137, 253, 220)

HSL

hsl(163, 97%, 76%)

CMYK

cmyk(46%, 0%, 13%, 1%)

HSV

hsv(163, 46%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#86FDA0 #86FDDC #86E3FD

Triadic

#86FDDC #DC86FD #FDDC86

Split Complementary

#86FDDC #FD86E3 #FDA086

Tetradic (Square)

#86FDDC #A086FD #FD86A8 #E3FD86

Complementary

#89FDDC #FD86A8

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.22:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 17.15: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: #89FDDC;

color: #89FDDC;

border-color: #89FDDC;

}

Tailwind CSS (with arbitrary values)

bg-[#89FDDC]

text-[#89FDDC]

border-[#89FDDC]

// Example usage: