#A7355D Color

#A7355D is rgb(167, 53, 93) in RGB and hsl(339, 52%, 43%) in HSL. The closest CSS named color is Brown. White text is most readable on this background.

#A7355D

HEX#A7355D

RGBrgb(167, 53, 93)

HSLhsl(339, 52%, 43%)

HSVhsv(339, 68%, 65%)

OKLCHoklch(50.7% 0.152 2.8)

CMYKcmyk(0%, 68%, 44%, 35%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#A7355D Complementary#35A77F Analogous#A73596 Analogous#A74635 Triadic#5DA735 Triadic#355DA7

Tints & Shades

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

Tints

#C3416F #CD6086 #D77F9E #DF9AB2 #E9B9CA #F3D8E2

Shades

#8F2D50 #7C2745 #652038 #511A2D #3A1220 #270C16

Use #A7355D in Our Tools

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