Hex Color #854D91 - Custom Color

Color Codes

HEX

#854D91

RGB

rgb(133, 77, 145)

HSL

hsl(289, 31%, 44%)

CMYK

cmyk(8%, 47%, 0%, 43%)

HSV

hsv(289, 47%, 57%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#634D93 #864D93 #934D7D

Triadic

#864D93 #93864D #4D9386

Split Complementary

#864D93 #7D934D #4D9363

Tetradic (Square)

#864D93 #93634D #5A934D #4D7D93

Complementary

#854D91 #5A934D

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.06:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.47: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: #854D91;

color: #854D91;

border-color: #854D91;

}

Tailwind CSS (with arbitrary values)

bg-[#854D91]

text-[#854D91]

border-[#854D91]

// Example usage: