Hex Color #550570 - Custom Color

Color Codes

HEX

#550570

RGB

rgb(85, 5, 112)

HSL

hsl(285, 91%, 23%)

CMYK

cmyk(24%, 96%, 0%, 56%)

HSV

hsv(285, 96%, 44%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#200570 #550570 #700555

Triadic

#550570 #705505 #057055

Split Complementary

#550570 #557005 #057020

Tetradic (Square)

#550570 #702005 #207005 #055570

Complementary

#550570 #207005

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 12.79:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.64: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: #550570;

color: #550570;

border-color: #550570;

}

Tailwind CSS (with arbitrary values)

bg-[#550570]

text-[#550570]

border-[#550570]

// Example usage: