#414849 Color

#414849 is rgb(65, 72, 73) in RGB and hsl(187, 6%, 27%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#414849

HEX#414849

RGBrgb(65, 72, 73)

HSLhsl(187, 6%, 27%)

HSVhsv(187, 11%, 29%)

OKLCHoklch(39.6% 0.009 207.1)

CMYKcmyk(11%, 1%, 0%, 71%)

Text Contrast & Accessibility

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

TextWhite text9.34:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.25:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#414849 Complementary#494241 Analogous#414946 Analogous#414449 Triadic#494148 Triadic#484941

Tints & Shades

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

Tints

#596364 #717D7F #8B9698 #A9B1B2 #C4C9CA #DFE2E2

Shades

#3A4041 #303536 #292D2E #222526 #1A1D1E #111313

Use #414849 in Our Tools

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