Hex Color #8462AB - Custom Color

Color Codes

HEX

#8462AB

RGB

rgb(132, 98, 171)

HSL

hsl(268, 30%, 53%)

CMYK

cmyk(23%, 43%, 0%, 33%)

HSV

hsv(268, 43%, 67%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#6366AB #8563AB #A963AB

Triadic

#8563AB #AB8563 #63AB85

Split Complementary

#8563AB #ABA963 #66AB63

Tetradic (Square)

#8563AB #AB6366 #8AAB63 #63ABA9

Complementary

#8462AB #8AAB63

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.87:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.32: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: #8462AB;

color: #8462AB;

border-color: #8462AB;

}

Tailwind CSS (with arbitrary values)

bg-[#8462AB]

text-[#8462AB]

border-[#8462AB]

// Example usage: