#48186D Color

#48186D is rgb(72, 24, 109) in RGB and hsl(274, 64%, 26%) in HSL. The closest CSS named color is Indigo. White text is most readable on this background.

#48186D

HEX#48186D

RGBrgb(72, 24, 109)

HSLhsl(274, 64%, 26%)

HSVhsv(274, 78%, 43%)

OKLCHoklch(33.3% 0.139 305.7)

CMYKcmyk(34%, 78%, 0%, 57%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #48186D 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 #48186D based on color wheel relationships. Click any swatch for its full breakdown.

Base#48186D Complementary#3D6D18 Analogous#1E186D Analogous#6D1867 Triadic#6D4818 Triadic#186D48

Tints & Shades

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

Tints

#642197 #822BC5 #9B4BD8 #B275E1 #C99FEA #E3CDF4

Shades

#401560 #371254 #2F1047 #240C36 #1C092A #13061D

Use #48186D in Our Tools

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