#A63056 Color

#A63056 is rgb(166, 48, 86) in RGB and hsl(341, 55%, 42%) in HSL. The closest CSS named color is Brown. White text is most readable on this background.

#A63056

HEX#A63056

RGBrgb(166, 48, 86)

HSLhsl(341, 55%, 42%)

HSVhsv(341, 71%, 65%)

OKLCHoklch(49.8% 0.156 5.4)

CMYKcmyk(0%, 71%, 48%, 35%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#A63056 Complementary#30A681 Analogous#A63090 Analogous#A64630 Triadic#56A630 Triadic#3056A6

Tints & Shades

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

Tints

#C63966 #CF597E #D87997 #E198AF #EAB8C8 #F4D7E0

Shades

#922A4B #7B243F #671E35 #4F1729 #3B111F #240A12

Use #A63056 in Our Tools

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