#48196B Color

#48196B is rgb(72, 25, 107) in RGB and hsl(274, 62%, 26%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#48196B

HEX#48196B

RGBrgb(72, 25, 107)

HSLhsl(274, 62%, 26%)

HSVhsv(274, 77%, 42%)

OKLCHoklch(33.2% 0.136 306.4)

CMYKcmyk(33%, 77%, 0%, 58%)

Text Contrast & Accessibility

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

TextWhite text12.91:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#48196B Complementary#3D6B19 Analogous#1F196B Analogous#6B1966 Triadic#6B4819 Triadic#196B48

Tints & Shades

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

Tints

#632395 #822EC2 #9A4DD5 #B277DF #C9A0E9 #E3CDF3

Shades

#3F165F #371353 #2F1046 #240D36 #1C0A29 #13071D

Use #48196B in Our Tools

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