Hex Color #8BFBED - Custom Color

Color Codes

HEX

#8BFBED

RGB

rgb(139, 251, 237)

HSL

hsl(173, 93%, 76%)

CMYK

cmyk(45%, 0%, 6%, 2%)

HSV

hsv(173, 45%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#89FBB5 #89FBED #89CFFB

Triadic

#89FBED #ED89FB #FBED89

Split Complementary

#89FBED #FB89CF #FBB589

Tetradic (Square)

#89FBED #B589FB #FB8996 #CFFB89

Complementary

#8BFBED #FB8996

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.23:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 17.12: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: #8BFBED;

color: #8BFBED;

border-color: #8BFBED;

}

Tailwind CSS (with arbitrary values)

bg-[#8BFBED]

text-[#8BFBED]

border-[#8BFBED]

// Example usage: