Hex Color #CEBEC5 - Custom Color

Color Codes

HEX

#CEBEC5

RGB

rgb(206, 190, 197)

HSL

hsl(334, 14%, 78%)

CMYK

cmyk(0%, 8%, 4%, 19%)

HSV

hsv(334, 8%, 81%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CFBFCE #CFBFC6 #CFC0BF

Triadic

#CFBFC6 #C6CFBF #BFC6CF

Split Complementary

#CFBFC6 #BFCFC0 #BFCECF

Tetradic (Square)

#CFBFC6 #CECFBF #BFCFC8 #C0BFCF

Complementary

#CEBEC5 #BFCFC8

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.78:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.80: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: #CEBEC5;

color: #CEBEC5;

border-color: #CEBEC5;

}

Tailwind CSS (with arbitrary values)

bg-[#CEBEC5]

text-[#CEBEC5]

border-[#CEBEC5]

// Example usage: