#60108E Color

#60108E is rgb(96, 16, 142) in RGB and hsl(278, 80%, 31%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#60108E

HEX#60108E

RGBrgb(96, 16, 142)

HSLhsl(278, 80%, 31%)

HSVhsv(278, 89%, 56%)

OKLCHoklch(38.8% 0.185 307.9)

CMYKcmyk(32%, 89%, 0%, 44%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #60108E background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text10.7:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.96:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

Colors that pair well with #60108E based on color wheel relationships. Click any swatch for its full breakdown.

Base#60108E Complementary#3E8E10 Analogous#21108E Analogous#8E107D Triadic#8E6010 Triadic#108E60

Tints & Shades

Lighter tints and darker shades of #60108E, useful for hover states, backgrounds, and text variants.

Tints

#7F15BC #9B19E6 #AF47EB #C171EF #D59FF4 #E7C8F9

Shades

#540E7C #470C6A #3B0A57 #320849 #250637 #190425

Use #60108E in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex