#480349 Color

#480349 is rgb(72, 3, 73) in RGB and hsl(299, 92%, 15%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#480349

HEX#480349

RGBrgb(72, 3, 73)

HSLhsl(299, 92%, 15%)

HSVhsv(299, 96%, 29%)

OKLCHoklch(28.5% 0.127 327.6)

CMYKcmyk(1%, 96%, 0%, 71%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#480349 Complementary#044903 Analogous#250349 Analogous#490327 Triadic#494803 Triadic#034948

Tints & Shades

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

Tints

#820684 #BC08BF #F10FF5 #F445F7 #F880FA #FBBAFC

Shades

#3F0340 #3A023B #300231 #2B022C #220122 #1D011D

Use #480349 in Our Tools

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