Hex Color #EEAEFC - Custom Color

Color Codes

HEX

#EEAEFC

RGB

rgb(238, 174, 252)

HSL

hsl(289, 93%, 84%)

CMYK

cmyk(6%, 31%, 0%, 1%)

HSV

hsv(289, 31%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C8B0FC #EEB0FC #FCB0E4

Triadic

#EEB0FC #FCEEB0 #B0FCEE

Split Complementary

#EEB0FC #E4FCB0 #B0FCC8

Tetradic (Square)

#EEB0FC #FCC8B0 #BEFCB0 #B0E4FC

Complementary

#EEAEFC #BEFCB0

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.74:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.10: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: #EEAEFC;

color: #EEAEFC;

border-color: #EEAEFC;

}

Tailwind CSS (with arbitrary values)

bg-[#EEAEFC]

text-[#EEAEFC]

border-[#EEAEFC]

// Example usage: