Hex Color #DEDAF8 - Custom Color

Color Codes

HEX

#DEDAF8

RGB

rgb(222, 218, 248)

HSL

hsl(248, 68%, 91%)

CMYK

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

HSV

hsv(248, 12%, 97%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D8E4F8 #DDD8F8 #ECD8F8

Triadic

#DDD8F8 #F8DDD8 #D8F8DD

Split Complementary

#DDD8F8 #F8ECD8 #E4F8D8

Tetradic (Square)

#DDD8F8 #F8D8E4 #F3F8D8 #D8F8EC

Complementary

#DEDAF8 #F3F8D8

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.36:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.49: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: #DEDAF8;

color: #DEDAF8;

border-color: #DEDAF8;

}

Tailwind CSS (with arbitrary values)

bg-[#DEDAF8]

text-[#DEDAF8]

border-[#DEDAF8]

// Example usage: