Hex Color #CDBDE3 - Custom Color

Color Codes

HEX

#CDBDE3

RGB

rgb(205, 189, 227)

HSL

hsl(265, 40%, 82%)

CMYK

cmyk(10%, 17%, 0%, 11%)

HSV

hsv(265, 17%, 89%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#BFC2E3 #CEBFE3 #E0BFE3

Triadic

#CEBFE3 #E3CEBF #BFE3CE

Split Complementary

#CEBFE3 #E3E0BF #C2E3BF

Tetradic (Square)

#CEBFE3 #E3BFC2 #D4E3BF #BFE3E0

Complementary

#CDBDE3 #D4E3BF

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: 11.98: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: #CDBDE3;

color: #CDBDE3;

border-color: #CDBDE3;

}

Tailwind CSS (with arbitrary values)

bg-[#CDBDE3]

text-[#CDBDE3]

border-[#CDBDE3]

// Example usage: