Hex Color #CBFEEB - Custom Color

Color Codes

HEX

#CBFEEB

RGB

rgb(203, 254, 235)

HSL

hsl(158, 96%, 90%)

CMYK

cmyk(20%, 0%, 7%, 0%)

HSV

hsv(158, 20%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CDFED4 #CDFEEC #CDF7FE

Triadic

#CDFEEC #ECCDFE #FEECCD

Split Complementary

#CDFEEC #FECDF7 #FED4CD

Tetradic (Square)

#CDFEEC #D4CDFE #FECDDF #F7FECD

Complementary

#CBFEEB #FECDDF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.11:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 18.92: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: #CBFEEB;

color: #CBFEEB;

border-color: #CBFEEB;

}

Tailwind CSS (with arbitrary values)

bg-[#CBFEEB]

text-[#CBFEEB]

border-[#CBFEEB]

// Example usage: