#C30424 Color

#C30424 is rgb(195, 4, 36) in RGB and hsl(350, 96%, 39%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#C30424

HEX#C30424

RGBrgb(195, 4, 36)

HSLhsl(350, 96%, 39%)

HSVhsv(350, 98%, 76%)

OKLCHoklch(51.6% 0.207 24)

CMYKcmyk(0%, 98%, 82%, 24%)

Text Contrast & Accessibility

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

TextWhite text6.24:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.36:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#C30424 Complementary#04C3A3 Analogous#C30483 Analogous#C34404 Triadic#24C304 Triadic#0424C3

Tints & Shades

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

Tints

#EB052B #FB2347 #FB4B68 #FC788E #FDA0B0 #FECDD5

Shades

#AA031F #91031B #780216 #5F0211 #46010D #2D0108

Use #C30424 in Our Tools

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