#242C32 Color

#242C32 is rgb(36, 44, 50) in RGB and hsl(206, 16%, 17%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#242C32

HEX#242C32

RGBrgb(36, 44, 50)

HSLhsl(206, 16%, 17%)

HSVhsv(206, 28%, 20%)

OKLCHoklch(28.8% 0.016 240.5)

CMYKcmyk(28%, 12%, 0%, 80%)

Text Contrast & Accessibility

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

TextWhite text14.18:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#242C32 Complementary#322A24 Analogous#243231 Analogous#242532 Triadic#32242C Triadic#2C3224

Tints & Shades

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

Tints

#3E4C56 #566876 #718798 #92A3B0 #B5C1C9 #D6DCE1

Shades

#20272C #1C2226 #181D21 #151A1E #111518 #0D1012

Use #242C32 in Our Tools

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