#CB3A46 Color

#CB3A46 is rgb(203, 58, 70) in RGB and hsl(355, 58%, 51%) in HSL. The closest CSS named color is IndianRed. White text is most readable on this background.

#CB3A46

HEX#CB3A46

RGBrgb(203, 58, 70)

HSLhsl(355, 58%, 51%)

HSVhsv(355, 71%, 80%)

OKLCHoklch(56.7% 0.181 20.7)

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

Text Contrast & Accessibility

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

TextWhite text4.96:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#CB3A46 Complementary#3ACBBE Analogous#CB3A8E Analogous#CB763A Triadic#46CB3A Triadic#3A46CB

Tints & Shades

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

Tints

#D25660 #D86E77 #E08A91 #E7A6AC #EFC3C6 #F5DBDD

Shades

#B12F3A #992932 #7D2129 #611A20 #441216 #2C0C0E

Use #CB3A46 in Our Tools

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