Hex Color #8934DB - Custom Color

Color Codes

HEX

#8934DB

RGB

rgb(137, 52, 219)

HSL

hsl(271, 70%, 53%)

CMYK

cmyk(37%, 76%, 0%, 14%)

HSV

hsv(271, 76%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#3633DB #8A33DB #DB33D8

Triadic

#8A33DB #DB8A33 #33DB8A

Split Complementary

#8A33DB #D8DB33 #33DB36

Tetradic (Square)

#8A33DB #DB3633 #84DB33 #33D8DB

Complementary

#8934DB #84DB33

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.87:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.58: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: #8934DB;

color: #8934DB;

border-color: #8934DB;

}

Tailwind CSS (with arbitrary values)

bg-[#8934DB]

text-[#8934DB]

border-[#8934DB]

// Example usage: