#242230 Color

#242230 is rgb(36, 34, 48) in RGB and hsl(249, 17%, 16%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#242230

HEX#242230

RGBrgb(36, 34, 48)

HSLhsl(249, 17%, 16%)

HSVhsv(249, 29%, 19%)

OKLCHoklch(26.1% 0.026 291)

CMYKcmyk(25%, 29%, 0%, 81%)

Text Contrast & Accessibility

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

TextWhite text15.6:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#242230 Complementary#2E3022 Analogous#222730 Analogous#2B2230 Triadic#302422 Triadic#223024

Tints & Shades

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

Tints

#3F3B54 #585374 #736D97 #9591B1 #B8B4CA #D7D5E1

Shades

#1F1E2A #1D1C27 #191721 #14131B #100F15 #0D0D12

Use #242230 in Our Tools

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