#483DD6 Color

#483DD6 is rgb(72, 61, 214) in RGB and hsl(244, 65%, 54%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#483DD6

HEX#483DD6

RGBrgb(72, 61, 214)

HSLhsl(244, 65%, 54%)

HSVhsv(244, 71%, 84%)

OKLCHoklch(47.9% 0.223 277.1)

CMYKcmyk(66%, 71%, 0%, 16%)

Text Contrast & Accessibility

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

TextWhite text7.21:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.91:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#483DD6 Complementary#CCD63D Analogous#3D80D6 Analogous#943DD6 Triadic#D6483D Triadic#3DD648

Tints & Shades

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

Tints

#6057DB #7B74E2 #938DE7 #ABA7EC #C3C0F2 #DFDDF8

Shades

#342AC6 #2D24A8 #251D8B #1C1669 #14104C #0C0A2E

Use #483DD6 in Our Tools

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