#394747 Color

#394747 is rgb(57, 71, 71) in RGB and hsl(180, 11%, 25%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#394747

HEX#394747

RGBrgb(57, 71, 71)

HSLhsl(180, 11%, 25%)

HSVhsv(180, 20%, 28%)

OKLCHoklch(38.6% 0.018 196.4)

CMYKcmyk(20%, 0%, 0%, 72%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#394747 Complementary#473939 Analogous#394740 Analogous#394047 Triadic#473947 Triadic#474739

Tints & Shades

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

Tints

#4F6363 #688282 #829B9B #A2B4B4 #BECBCB #DDE4E4

Shades

#323E3E #2B3636 #242D2D #1E2525 #171C1C #101414

Use #394747 in Our Tools

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