#C8282D Color

#C8282D is rgb(200, 40, 45) in RGB and hsl(358, 67%, 47%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#C8282D

HEX#C8282D

RGBrgb(200, 40, 45)

HSLhsl(358, 67%, 47%)

HSVhsv(358, 80%, 78%)

OKLCHoklch(54.3% 0.195 25.4)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C8282D Complementary#28C8C3 Analogous#C8287D Analogous#C87228 Triadic#2DC828 Triadic#282DC8

Tints & Shades

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

Tints

#D83B40 #DF5D62 #E57B7F #EB999C #F1B7B9 #F7D9DA

Shades

#AF2327 #951D21 #7B181C #5E1315 #440D0F #2B080A

Use #C8282D in Our Tools

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