#CB2A55 Color

#CB2A55 is rgb(203, 42, 85) in RGB and hsl(344, 66%, 48%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#CB2A55

HEX#CB2A55

RGBrgb(203, 42, 85)

HSLhsl(344, 66%, 48%)

HSVhsv(344, 79%, 80%)

OKLCHoklch(55.6% 0.196 11.6)

CMYKcmyk(0%, 79%, 58%, 20%)

Text Contrast & Accessibility

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

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

TextBlack text4:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#CB2A55 Complementary#2ACBA0 Analogous#CB2AA5 Analogous#CB4F2A Triadic#55CB2A Triadic#2A55CB

Tints & Shades

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

Tints

#D84169 #DE5E80 #E47C98 #EB9EB2 #F1BBCA #F7D9E1

Shades

#B2244A #941E3E #7B1933 #611429 #480F1E #2A0912

Use #CB2A55 in Our Tools

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