#48196C Color

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

#48196C

HEX#48196C

RGBrgb(72, 25, 108)

HSLhsl(274, 62%, 26%)

HSVhsv(274, 77%, 42%)

OKLCHoklch(33.3% 0.137 306)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

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

Tints & Shades

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

Tints

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

Shades

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

Use #48196C in Our Tools

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