Hex Color #DDB0CF - Custom Color

Color Codes

HEX

#DDB0CF

RGB

rgb(221, 176, 207)

HSL

hsl(319, 40%, 78%)

CMYK

cmyk(0%, 20%, 6%, 13%)

HSV

hsv(319, 20%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D5B0DD #DDB0CF #DDB0B9

Triadic

#DDB0CF #CFDDB0 #B0CFDD

Split Complementary

#DDB0CF #B9DDB0 #B0DDD5

Tetradic (Square)

#DDB0CF #DDD5B0 #B0DDBF #B0B9DD

Complementary

#DDB0CF #B0DDBF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.88:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.19: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: #DDB0CF;

color: #DDB0CF;

border-color: #DDB0CF;

}

Tailwind CSS (with arbitrary values)

bg-[#DDB0CF]

text-[#DDB0CF]

border-[#DDB0CF]

// Example usage: