Hex Color #844786 - Custom Color

Color Codes

HEX

#844786

RGB

rgb(132, 71, 134)

HSL

hsl(298, 31%, 40%)

CMYK

cmyk(1%, 47%, 0%, 47%)

HSV

hsv(298, 47%, 53%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#644686 #844686 #864668

Triadic

#844686 #868446 #468684

Split Complementary

#844686 #688646 #468664

Tetradic (Square)

#844686 #866446 #488646 #466886

Complementary

#844786 #488646

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.51:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.23: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: #844786;

color: #844786;

border-color: #844786;

}

Tailwind CSS (with arbitrary values)

bg-[#844786]

text-[#844786]

border-[#844786]

// Example usage: