Hex Color #C4BDD1 - Custom Color

Color Codes

HEX

#C4BDD1

RGB

rgb(196, 189, 209)

HSL

hsl(261, 18%, 78%)

CMYK

cmyk(6%, 10%, 0%, 18%)

HSV

hsv(261, 10%, 82%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#BDC0D1 #C4BDD1 #CEBDD1

Triadic

#C4BDD1 #D1C4BD #BDD1C4

Split Complementary

#C4BDD1 #D1CEBD #C0D1BD

Tetradic (Square)

#C4BDD1 #D1BDC0 #CAD1BD #BDD1CE

Complementary

#C4BDD1 #CAD1BD

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.82:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.55: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: #C4BDD1;

color: #C4BDD1;

border-color: #C4BDD1;

}

Tailwind CSS (with arbitrary values)

bg-[#C4BDD1]

text-[#C4BDD1]

border-[#C4BDD1]

// Example usage: