#484FDB Color

#484FDB is rgb(72, 79, 219) in RGB and hsl(237, 67%, 57%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#484FDB

HEX#484FDB

RGBrgb(72, 79, 219)

HSLhsl(237, 67%, 57%)

HSVhsv(237, 67%, 86%)

OKLCHoklch(51.1% 0.209 274)

CMYKcmyk(67%, 64%, 0%, 14%)

Text Contrast & Accessibility

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

TextWhite text6.15:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.42:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#484FDB Complementary#DBD348 Analogous#4899DB Analogous#8A48DB Triadic#DB484F Triadic#4FDB48

Tints & Shades

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

Tints

#6168E0 #7B80E5 #9599EA #AAADEE #C3C6F3 #DDDEF8

Shades

#2932D1 #232BB3 #1D2291 #171B73 #101351 #0A0C33

Use #484FDB in Our Tools

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