Hex Color #DBB5DC - Custom Color

Color Codes

HEX

#DBB5DC

RGB

rgb(219, 181, 220)

HSL

hsl(298, 36%, 79%)

CMYK

cmyk(0%, 18%, 0%, 14%)

HSV

hsv(298, 18%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C8B6DD #DBB6DD #DDB6CB

Triadic

#DBB6DD #DDDBB6 #B6DDDB

Split Complementary

#DBB6DD #CBDDB6 #B6DDC8

Tetradic (Square)

#DBB6DD #DDC8B6 #B7DDB6 #B6CBDD

Complementary

#DBB5DC #B7DDB6

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.80:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.66: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: #DBB5DC;

color: #DBB5DC;

border-color: #DBB5DC;

}

Tailwind CSS (with arbitrary values)

bg-[#DBB5DC]

text-[#DBB5DC]

border-[#DBB5DC]

// Example usage: