#942424 Color

#942424 is rgb(148, 36, 36) in RGB and hsl(0, 61%, 36%) in HSL. The closest CSS named color is Brown. White text is most readable on this background.

#942424
HEX#942424
RGBrgb(148, 36, 36)
HSLhsl(0, 61%, 36%)
HSVhsv(0, 76%, 58%)
OKLCHoklch(44.3% 0.148 25.6)
CMYKcmyk(0%, 76%, 76%, 42%)

Text Contrast & Accessibility

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

TextWhite text8.28:1AA normal ✓AA large ✓AAA normal ✓
TextBlack text2.54:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#942424Complementary#249494Analogous#94245CAnalogous#945C24Triadic#249424Triadic#242494

Tints & Shades

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

Use #942424 in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex