Hex Color #851957 - Custom Color

Color Codes

HEX

#851957

RGB

rgb(133, 25, 87)

HSL

hsl(326, 68%, 31%)

CMYK

cmyk(0%, 81%, 35%, 48%)

HSV

hsv(326, 81%, 52%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7E1985 #851956 #851920

Triadic

#851956 #568519 #195685

Split Complementary

#851956 #208519 #19857E

Tetradic (Square)

#851956 #857E19 #198548 #192085

Complementary

#851957 #198548

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.23:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.27: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: #851957;

color: #851957;

border-color: #851957;

}

Tailwind CSS (with arbitrary values)

bg-[#851957]

text-[#851957]

border-[#851957]

// Example usage: