Hex Color #DBCCF8 - Custom Color

Color Codes

HEX

#DBCCF8

RGB

rgb(219, 204, 248)

HSL

hsl(260, 76%, 89%)

CMYK

cmyk(12%, 18%, 0%, 3%)

HSV

hsv(260, 18%, 97%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CED5F8 #DCCEF8 #F1CEF8

Triadic

#DCCEF8 #F8DCCE #CEF8DC

Split Complementary

#DCCEF8 #F8F1CE #D5F8CE

Tetradic (Square)

#DCCEF8 #F8CED5 #EAF8CE #CEF8F1

Complementary

#DBCCF8 #EAF8CE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.50:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.00: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: #DBCCF8;

color: #DBCCF8;

border-color: #DBCCF8;

}

Tailwind CSS (with arbitrary values)

bg-[#DBCCF8]

text-[#DBCCF8]

border-[#DBCCF8]

// Example usage: