#661516 Color

#661516 is rgb(102, 21, 22) in RGB and hsl(359, 66%, 24%) in HSL. The closest CSS named color is Maroon. White text is most readable on this background.

#661516

HEX#661516

RGBrgb(102, 21, 22)

HSLhsl(359, 66%, 24%)

HSVhsv(359, 79%, 40%)

OKLCHoklch(33.8% 0.114 25.2)

CMYKcmyk(0%, 79%, 78%, 60%)

Text Contrast & Accessibility

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

TextWhite text12.47:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#661516 Complementary#156664 Analogous#66153F Analogous#663C15 Triadic#166615 Triadic#151666

Tints & Shades

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

Tints

#941E20 #BE272A #D94547 #E26F71 #EB9E9F #F4C8C9

Shades

#591213 #4C1011 #3F0D0E #370B0C #2A0909 #1E0606

Use #661516 in Our Tools

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