#7D3138 Color

#7D3138 is rgb(125, 49, 56) in RGB and hsl(354, 44%, 34%) in HSL. The closest CSS named color is Brown. White text is most readable on this background.

#7D3138

HEX#7D3138

RGBrgb(125, 49, 56)

HSLhsl(354, 44%, 34%)

HSVhsv(354, 61%, 49%)

OKLCHoklch(42.2% 0.106 17.3)

CMYKcmyk(0%, 61%, 55%, 51%)

Text Contrast & Accessibility

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

TextWhite text8.87:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.37:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#7D3138 Complementary#317D75 Analogous#7D315E Analogous#7D4F31 Triadic#387D31 Triadic#31387D

Tints & Shades

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

Tints

#9E3D47 #BA4F5A #C77079 #D6959B #E2B6BA #EFD7D9

Shades

#6E2B32 #5C2429 #4D1E23 #3E181C #301315 #1D0B0D

Use #7D3138 in Our Tools

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