Hex Color #843E9B - Custom Color

Color Codes

HEX

#843E9B

RGB

rgb(132, 62, 155)

HSL

hsl(285, 43%, 43%)

CMYK

cmyk(15%, 60%, 0%, 39%)

HSV

hsv(285, 60%, 61%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#563F9D #853F9D #9D3F85

Triadic

#853F9D #9D853F #3F9D85

Split Complementary

#853F9D #859D3F #3F9D56

Tetradic (Square)

#853F9D #9D563F #569D3F #3F859D

Complementary

#843E9B #569D3F

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.68:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.14: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: #843E9B;

color: #843E9B;

border-color: #843E9B;

}

Tailwind CSS (with arbitrary values)

bg-[#843E9B]

text-[#843E9B]

border-[#843E9B]

// Example usage: