Hex Color #BBDEC7 - Custom Color

Color Codes

HEX

#BBDEC7

RGB

rgb(187, 222, 199)

HSL

hsl(141, 35%, 80%)

CMYK

cmyk(16%, 0%, 10%, 13%)

HSV

hsv(141, 16%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C0DEBA #BADEC7 #BADED8

Triadic

#BADEC7 #C7BADE #DEC7BA

Split Complementary

#BADEC7 #D8BADE #DEBAC0

Tetradic (Square)

#BADEC7 #BAC0DE #DEBAD1 #DED8BA

Complementary

#BBDEC7 #DEBAD1

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.46:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.39: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: #BBDEC7;

color: #BBDEC7;

border-color: #BBDEC7;

}

Tailwind CSS (with arbitrary values)

bg-[#BBDEC7]

text-[#BBDEC7]

border-[#BBDEC7]

// Example usage: