Hex Color #590382 - Custom Color

Color Codes

HEX

#590382

RGB

rgb(89, 3, 130)

HSL

hsl(281, 95%, 26%)

CMYK

cmyk(32%, 98%, 0%, 49%)

HSV

hsv(281, 98%, 51%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#1A0381 #590381 #81036A

Triadic

#590381 #815903 #038159

Split Complementary

#590381 #6A8103 #03811A

Tetradic (Square)

#590381 #811A03 #2B8103 #036A81

Complementary

#590382 #2B8103

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 11.93:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.76: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: #590382;

color: #590382;

border-color: #590382;

}

Tailwind CSS (with arbitrary values)

bg-[#590382]

text-[#590382]

border-[#590382]

// Example usage: