#534A54 Color

#534A54 is rgb(83, 74, 84) in RGB and hsl(294, 6%, 31%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#534A54

HEX#534A54

RGBrgb(83, 74, 84)

HSLhsl(294, 6%, 31%)

HSVhsv(294, 12%, 33%)

OKLCHoklch(42.2% 0.02 322.8)

CMYKcmyk(1%, 12%, 0%, 67%)

Text Contrast & Accessibility

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

TextWhite text8.48:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#534A54 Complementary#4B544A Analogous#4E4A54 Analogous#544A50 Triadic#54534A Triadic#4A5453

Tints & Shades

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

Tints

#6E626F #867887 #9E939F #B4ABB5 #CCC6CD #E2DFE2

Shades

#484149 #3D373E #332E33 #2B262B #201D20 #151316

Use #534A54 in Our Tools

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