#C02A2D Color

#C02A2D is rgb(192, 42, 45) in RGB and hsl(359, 64%, 46%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#C02A2D

HEX#C02A2D

RGBrgb(192, 42, 45)

HSLhsl(359, 64%, 46%)

HSVhsv(359, 78%, 75%)

OKLCHoklch(53% 0.186 25.5)

CMYKcmyk(0%, 78%, 77%, 25%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C02A2D Complementary#2AC0BE Analogous#C02A78 Analogous#C0732A Triadic#2DC02A Triadic#2A2DC0

Tints & Shades

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

Tints

#D43A3D #DB5C5E #E2797B #E99B9C #EFB8B9 #F7D9DA

Shades

#A72527 #8E1F21 #751A1B #5C1415 #430F10 #2A090A

Use #C02A2D in Our Tools

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