Hex Color #8802EA - Custom Color

Color Codes

HEX

#8802EA

RGB

rgb(136, 2, 234)

HSL

hsl(275, 98%, 46%)

CMYK

cmyk(42%, 99%, 0%, 8%)

HSV

hsv(275, 99%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#1602E8 #8802E8 #E802D5

Triadic

#8802E8 #E88802 #02E888

Split Complementary

#8802E8 #D5E802 #02E816

Tetradic (Square)

#8802E8 #E81602 #62E802 #02D5E8

Complementary

#8802EA #62E802

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.47:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.24:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #8802EA;

color: #8802EA;

border-color: #8802EA;

}

Tailwind CSS (with arbitrary values)

bg-[#8802EA]

text-[#8802EA]

border-[#8802EA]

// Example usage: