Hex Color #CEBFD2 - Custom Color

Color Codes

HEX

#CEBFD2

RGB

rgb(206, 191, 210)

HSL

hsl(287, 17%, 79%)

CMYK

cmyk(2%, 9%, 0%, 18%)

HSV

hsv(287, 9%, 82%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C6C0D3 #CFC0D3 #D3C0CD

Triadic

#CFC0D3 #D3CFC0 #C0D3CF

Split Complementary

#CFC0D3 #CDD3C0 #C0D3C6

Tetradic (Square)

#CFC0D3 #D3C6C0 #C4D3C0 #C0CDD3

Complementary

#CEBFD2 #C4D3C0

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.75:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.01: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: #CEBFD2;

color: #CEBFD2;

border-color: #CEBFD2;

}

Tailwind CSS (with arbitrary values)

bg-[#CEBFD2]

text-[#CEBFD2]

border-[#CEBFD2]

// Example usage: