Hex Color #D9BAFB - Custom Color

Color Codes

HEX

#D9BAFB

RGB

rgb(217, 186, 251)

HSL

hsl(269, 89%, 86%)

CMYK

cmyk(14%, 26%, 0%, 2%)

HSV

hsv(269, 26%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#BCBDFB #DABCFB #FABCFB

Triadic

#DABCFB #FBDABC #BCFBDA

Split Complementary

#DABCFB #FBFABC #BDFBBC

Tetradic (Square)

#DABCFB #FBBCBD #DCFBBC #BCFBFA

Complementary

#D9BAFB #DCFBBC

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.37: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: #D9BAFB;

color: #D9BAFB;

border-color: #D9BAFB;

}

Tailwind CSS (with arbitrary values)

bg-[#D9BAFB]

text-[#D9BAFB]

border-[#D9BAFB]

// Example usage: