#CB1A96 Color

#CB1A96 is rgb(203, 26, 150) in RGB and hsl(318, 77%, 45%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#CB1A96

HEX#CB1A96

RGBrgb(203, 26, 150)

HSLhsl(318, 77%, 45%)

HSVhsv(318, 87%, 80%)

OKLCHoklch(56.9% 0.23 344.7)

CMYKcmyk(0%, 87%, 26%, 20%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CB1A96 Complementary#1ACB4F Analogous#A81ACB Analogous#CB1A3E Triadic#96CB1A Triadic#1A96CB

Tints & Shades

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

Tints

#E32BAC #E84AB8 #EC6FC7 #F08ED3 #F5B2E1 #F9D2ED

Shades

#B01782 #95136E #7A105A #630D49 #480935 #2D0621

Use #CB1A96 in Our Tools

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