Hex Color #DDBFCA - Custom Color

Color Codes

HEX

#DDBFCA

RGB

rgb(221, 191, 202)

HSL

hsl(338, 31%, 81%)

CMYK

cmyk(0%, 14%, 9%, 13%)

HSV

hsv(338, 14%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DEC0DA #DEC0CB #DEC4C0

Triadic

#DEC0CB #CBDEC0 #C0CBDE

Split Complementary

#DEC0CB #C0DEC4 #C0DADE

Tetradic (Square)

#DEC0CB #DADEC0 #C0DED3 #C4C0DE

Complementary

#DDBFCA #C0DED3

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.70:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.38: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: #DDBFCA;

color: #DDBFCA;

border-color: #DDBFCA;

}

Tailwind CSS (with arbitrary values)

bg-[#DDBFCA]

text-[#DDBFCA]

border-[#DDBFCA]

// Example usage: