#C31E18 Color

#C31E18 is rgb(195, 30, 24) in RGB and hsl(2, 78%, 43%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#C31E18

HEX#C31E18

RGBrgb(195, 30, 24)

HSLhsl(2, 78%, 43%)

HSVhsv(2, 88%, 76%)

OKLCHoklch(52.5% 0.199 28.7)

CMYKcmyk(0%, 85%, 88%, 24%)

Text Contrast & Accessibility

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

TextWhite text5.97:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#C31E18 Complementary#18BDC3 Analogous#C31868 Analogous#C37318 Triadic#18C31E Triadic#1E18C3

Tints & Shades

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

Tints

#E42721 #E84A45 #EC6E69 #F08C89 #F5B0AD #F9D3D2

Shades

#A81A15 #911612 #76120F #5F0F0C #440A08 #2D0706

Use #C31E18 in Our Tools

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