Hex Color #5331CD - Custom Color

Color Codes

HEX

#5331CD

RGB

rgb(83, 49, 205)

HSL

hsl(253, 61%, 50%)

CMYK

cmyk(60%, 76%, 0%, 20%)

HSV

hsv(253, 76%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#325ECD #5332CD #A132CD

Triadic

#5332CD #CD5332 #32CD53

Split Complementary

#5332CD #CDA132 #5ECD32

Tetradic (Square)

#5332CD #CD325E #ACCD32 #32CDA1

Complementary

#5331CD #ACCD32

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 7.81:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.69: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: #5331CD;

color: #5331CD;

border-color: #5331CD;

}

Tailwind CSS (with arbitrary values)

bg-[#5331CD]

text-[#5331CD]

border-[#5331CD]

// Example usage: