Hex Color #EDE6FA - Custom Color

Color Codes

HEX

#EDE6FA

RGB

rgb(237, 230, 250)

HSL

hsl(261, 67%, 94%)

CMYK

cmyk(5%, 8%, 0%, 2%)

HSV

hsv(261, 8%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E5E9FA #EDE5FA #F7E5FA

Triadic

#EDE5FA #FAEDE5 #E5FAED

Split Complementary

#EDE5FA #FAF7E5 #E9FAE5

Tetradic (Square)

#EDE5FA #FAE5E9 #F3FAE5 #E5FAF7

Complementary

#EDE6FA #F3FAE5

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.21:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 17.30: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: #EDE6FA;

color: #EDE6FA;

border-color: #EDE6FA;

}

Tailwind CSS (with arbitrary values)

bg-[#EDE6FA]

text-[#EDE6FA]

border-[#EDE6FA]

// Example usage: