Hex Color #590FD3 - Custom Color

Color Codes

HEX

#590FD3

RGB

rgb(89, 15, 211)

HSL

hsl(263, 87%, 44%)

CMYK

cmyk(58%, 93%, 0%, 17%)

HSV

hsv(263, 93%, 83%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#0F25D2 #590FD2 #BB0FD2

Triadic

#590FD2 #D2590F #0FD259

Split Complementary

#590FD2 #D2BB0F #25D20F

Tetradic (Square)

#590FD2 #D20F25 #87D20F #0FD2BB

Complementary

#590FD3 #87D20F

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 8.63:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.43: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: #590FD3;

color: #590FD3;

border-color: #590FD3;

}

Tailwind CSS (with arbitrary values)

bg-[#590FD3]

text-[#590FD3]

border-[#590FD3]

// Example usage: