#CA1C56 Color

#CA1C56 is rgb(202, 28, 86) in RGB and hsl(340, 76%, 45%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#CA1C56

HEX#CA1C56

RGBrgb(202, 28, 86)

HSLhsl(340, 76%, 45%)

HSVhsv(340, 86%, 79%)

OKLCHoklch(54.6% 0.205 9.5)

CMYKcmyk(0%, 86%, 57%, 21%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CA1C56 Complementary#1CCA90 Analogous#CA1CAD Analogous#CA391C Triadic#56CA1C Triadic#1C56CA

Tints & Shades

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

Tints

#E22C69 #E74B7F #EB6F99 #F08FAF #F5B3C9 #F9D2DF

Shades

#AF184A #94143F #791133 #630D2A #480A1E #2D0613

Use #CA1C56 in Our Tools

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