#C3323E Color

#C3323E is rgb(195, 50, 62) in RGB and hsl(355, 59%, 48%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#C3323E

HEX#C3323E

RGBrgb(195, 50, 62)

HSLhsl(355, 59%, 48%)

HSVhsv(355, 74%, 76%)

OKLCHoklch(54.4% 0.181 21.4)

CMYKcmyk(0%, 74%, 68%, 24%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C3323E Complementary#32C3B7 Analogous#C33286 Analogous#C36E32 Triadic#3EC332 Triadic#323EC3

Tints & Shades

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

Tints

#D04954 #D7656E #DF8189 #E7A2A8 #EEBEC2 #F6DBDD

Shades

#AA2C36 #8E252D #761E26 #5D181E #451216 #290A0D

Use #C3323E in Our Tools

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