#163031 Color

#163031 is rgb(22, 48, 49) in RGB and hsl(182, 38%, 14%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#163031

HEX#163031

RGBrgb(22, 48, 49)

HSLhsl(182, 38%, 14%)

HSVhsv(182, 55%, 19%)

OKLCHoklch(28.9% 0.032 198.8)

CMYKcmyk(55%, 2%, 0%, 81%)

Text Contrast & Accessibility

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

TextWhite text13.99:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#163031 Complementary#311716 Analogous#163125 Analogous#162331 Triadic#311630 Triadic#303116

Tints & Shades

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

Tints

#295A5B #3C8386 #4FADB0 #79C0C3 #A4D4D6 #CEE8E9

Shades

#152D2E #112627 #102323 #0D1C1C #0B1819 #081112

Use #163031 in Our Tools

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