#C82D30 Color

#C82D30 is rgb(200, 45, 48) in RGB and hsl(359, 63%, 48%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#C82D30

HEX#C82D30

RGBrgb(200, 45, 48)

HSLhsl(359, 63%, 48%)

HSVhsv(359, 77%, 78%)

OKLCHoklch(54.7% 0.191 25.4)

CMYKcmyk(0%, 77%, 76%, 22%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C82D30 Complementary#2DC8C5 Analogous#C82D7D Analogous#C8782D Triadic#30C82D Triadic#2D30C8

Tints & Shades

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

Tints

#D54446 #DB6163 #E27E80 #E99FA1 #F0BCBD #F7DADA

Shades

#AF282A #912123 #791B1D #601617 #471011 #2A090A

Use #C82D30 in Our Tools

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