#556368 Color

#556368 is rgb(85, 99, 104) in RGB and hsl(196, 10%, 37%) in HSL. The closest CSS named color is DimGray. White text is most readable on this background.

#556368

HEX#556368

RGBrgb(85, 99, 104)

HSLhsl(196, 10%, 37%)

HSVhsv(196, 18%, 41%)

OKLCHoklch(49% 0.019 221.3)

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

Text Contrast & Accessibility

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

TextWhite text6.23:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.37:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#556368 Complementary#685A55 Analogous#556863 Analogous#555968 Triadic#685563 Triadic#636855

Tints & Shades

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

Tints

#6A7B81 #7E8F95 #97A5AA #B0BBBF #CAD1D3 #E0E4E6

Shades

#49555A #404B4F #353D41 #293032 #1E2324 #151819

Use #556368 in Our Tools

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