Hex Color #60375B - Custom Color

Color Codes

HEX

#60375B

RGB

rgb(96, 55, 91)

HSL

hsl(307, 27%, 30%)

CMYK

cmyk(0%, 43%, 5%, 62%)

HSV

hsv(307, 43%, 38%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#513861 #61385C #613848

Triadic

#61385C #5C6138 #385C61

Split Complementary

#61385C #486138 #386151

Tetradic (Square)

#61385C #615138 #38613D #384861

Complementary

#60375B #38613D

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.57:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.19: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: #60375B;

color: #60375B;

border-color: #60375B;

}

Tailwind CSS (with arbitrary values)

bg-[#60375B]

text-[#60375B]

border-[#60375B]

// Example usage: