Hex Color #DEAFEC - Custom Color

Color Codes

HEX

#DEAFEC

RGB

rgb(222, 175, 236)

HSL

hsl(286, 62%, 81%)

CMYK

cmyk(6%, 26%, 0%, 7%)

HSV

hsv(286, 26%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C1B1ED #DFB1ED #EDB1DD

Triadic

#DFB1ED #EDDFB1 #B1EDDF

Split Complementary

#DFB1ED #DDEDB1 #B1EDC1

Tetradic (Square)

#DFB1ED #EDC1B1 #BFEDB1 #B1DDED

Complementary

#DEAFEC #BFEDB1

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.83:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.45: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: #DEAFEC;

color: #DEAFEC;

border-color: #DEAFEC;

}

Tailwind CSS (with arbitrary values)

bg-[#DEAFEC]

text-[#DEAFEC]

border-[#DEAFEC]

// Example usage: