#CB523A Color

#CB523A is rgb(203, 82, 58) in RGB and hsl(10, 58%, 51%) in HSL. The closest CSS named color is IndianRed. Black text is most readable on this background.

#CB523A

HEX#CB523A

RGBrgb(203, 82, 58)

HSLhsl(10, 58%, 51%)

HSVhsv(10, 71%, 80%)

OKLCHoklch(59.3% 0.159 33)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CB523A Complementary#3AB2CB Analogous#CB3A6A Analogous#CB9A3A Triadic#3ACB52 Triadic#523ACB

Tints & Shades

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

Tints

#D26A56 #D8806E #E0988A #E7B1A6 #EFCAC3 #F5DFDB

Shades

#B1452F #993B29 #7D3021 #61261A #441B12 #2C110C

Use #CB523A in Our Tools

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