#404F64 Color

#404F64 is rgb(64, 79, 100) in RGB and hsl(215, 22%, 32%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#404F64

HEX#404F64

RGBrgb(64, 79, 100)

HSLhsl(215, 22%, 32%)

HSVhsv(215, 36%, 39%)

OKLCHoklch(42.3% 0.04 256.8)

CMYKcmyk(36%, 21%, 0%, 61%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#404F64 Complementary#645540 Analogous#406164 Analogous#434064 Triadic#64404F Triadic#4F6440

Tints & Shades

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

Tints

#526580 #677D9E #8395AF #A2B0C3 #BEC7D5 #DDE2E9

Shades

#384557 #303B4B #28313E #202732 #181D25 #101419

Use #404F64 in Our Tools

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