#3C4549 Color

#3C4549 is rgb(60, 69, 73) in RGB and hsl(198, 10%, 26%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#3C4549

HEX#3C4549

RGBrgb(60, 69, 73)

HSLhsl(198, 10%, 26%)

HSVhsv(198, 18%, 29%)

OKLCHoklch(38.4% 0.014 226.3)

CMYKcmyk(18%, 5%, 0%, 71%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#3C4549 Complementary#49403C Analogous#3C4946 Analogous#3C3E49 Triadic#493C45 Triadic#45493C

Tints & Shades

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

Tints

#535F65 #6C7D84 #86969C #A2AEB3 #BEC7CA #DDE2E3

Shades

#353D41 #2E3538 #272D30 #1E2224 #171B1C #101314

Use #3C4549 in Our Tools

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