Hex Color #E4BBFD - Custom Color

Color Codes

HEX

#E4BBFD

RGB

rgb(228, 187, 253)

HSL

hsl(277, 94%, 86%)

CMYK

cmyk(10%, 26%, 0%, 1%)

HSV

hsv(277, 26%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C2BAFD #E3BAFD #FDBAF5

Triadic

#E3BAFD #FDE3BA #BAFDE3

Split Complementary

#E3BAFD #F5FDBA #BAFDC2

Tetradic (Square)

#E3BAFD #FDC2BA #D3FDBA #BAF5FD

Complementary

#E4BBFD #D3FDBA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.64:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.83: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: #E4BBFD;

color: #E4BBFD;

border-color: #E4BBFD;

}

Tailwind CSS (with arbitrary values)

bg-[#E4BBFD]

text-[#E4BBFD]

border-[#E4BBFD]

// Example usage: