Hex Color #931A49 - Custom Color

Color Codes

HEX

#931A49

RGB

rgb(147, 26, 73)

HSL

hsl(337, 70%, 34%)

CMYK

cmyk(0%, 82%, 50%, 42%)

HSV

hsv(337, 82%, 58%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#931A85 #931A49 #93281A

Triadic

#931A49 #49931A #1A4993

Split Complementary

#931A49 #1A9328 #1A8593

Tetradic (Square)

#931A49 #85931A #1A9365 #281A93

Complementary

#931A49 #1A9365

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 8.45:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.48: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: #931A49;

color: #931A49;

border-color: #931A49;

}

Tailwind CSS (with arbitrary values)

bg-[#931A49]

text-[#931A49]

border-[#931A49]

// Example usage: