#480A15 Color

#480A15 is rgb(72, 10, 21) in RGB and hsl(349, 76%, 16%) in HSL. The closest CSS named color is Maroon. White text is most readable on this background.

#480A15

HEX#480A15

RGBrgb(72, 10, 21)

HSLhsl(349, 76%, 16%)

HSVhsv(349, 86%, 28%)

OKLCHoklch(26.6% 0.091 16.7)

CMYKcmyk(0%, 86%, 71%, 72%)

Text Contrast & Accessibility

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

TextWhite text15.79:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.33:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#480A15 Complementary#0A483C Analogous#480A34 Analogous#481D0A Triadic#15480A Triadic#0A1548

Tints & Shades

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

Tints

#7E1125 #AF1834 #E12346 #E85973 #F08FA1 #F6C0CA

Shades

#3F0913 #3A0811 #31070F #28060C #1F0409 #1B0408

Use #480A15 in Our Tools

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