Hex Color #575FCF - Custom Color

Color Codes

HEX

#575FCF

RGB

rgb(87, 95, 207)

HSL

hsl(236, 56%, 58%)

CMYK

cmyk(58%, 54%, 0%, 19%)

HSV

hsv(236, 58%, 81%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#589CD0 #5860D0 #8C58D0

Triadic

#5860D0 #D05860 #60D058

Split Complementary

#5860D0 #D08C58 #9CD058

Tetradic (Square)

#5860D0 #D0589C #D0C858 #58D08C

Complementary

#575FCF #D0C858

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.33:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.94: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: #575FCF;

color: #575FCF;

border-color: #575FCF;

}

Tailwind CSS (with arbitrary values)

bg-[#575FCF]

text-[#575FCF]

border-[#575FCF]

// Example usage: