#A23950 Color

#A23950 is rgb(162, 57, 80) in RGB and hsl(347, 48%, 43%) in HSL. The closest CSS named color is Brown. White text is most readable on this background.

#A23950

HEX#A23950

RGBrgb(162, 57, 80)

HSLhsl(347, 48%, 43%)

HSVhsv(347, 65%, 64%)

OKLCHoklch(50% 0.139 10.5)

CMYKcmyk(0%, 65%, 51%, 36%)

Text Contrast & Accessibility

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

TextWhite text6.49:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#A23950 Complementary#39A28B Analogous#A23984 Analogous#A25739 Triadic#50A239 Triadic#3950A2

Tints & Shades

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

Tints

#BE4660 #C9647A #D38294 #DD9DAB #E7BBC5 #F2D9DF

Shades

#8C3145 #792A3B #622230 #4F1C27 #39141C #260D13

Use #A23950 in Our Tools

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