#CC1946 Color

#CC1946 is rgb(204, 25, 70) in RGB and hsl(345, 78%, 45%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#CC1946

HEX#CC1946

RGBrgb(204, 25, 70)

HSLhsl(345, 78%, 45%)

HSVhsv(345, 88%, 80%)

OKLCHoklch(54.5% 0.206 15.6)

CMYKcmyk(0%, 88%, 66%, 20%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #CC1946 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.79:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#CC1946 Complementary#19CCA0 Analogous#CC19A0 Analogous#CC4619 Triadic#46CC19 Triadic#1946CC

Tints & Shades

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

Tints

#E52A58 #E94971 #ED6E8E #F18EA6 #F5B2C3 #F9D2DC

Shades

#B1163D #961333 #7B0F2A #640C22 #490919 #2D0610

Use #CC1946 in Our Tools

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