#4D55EA Color

#4D55EA is rgb(77, 85, 234) in RGB and hsl(237, 79%, 61%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#4D55EA

HEX#4D55EA

RGBrgb(77, 85, 234)

HSLhsl(237, 79%, 61%)

HSVhsv(237, 67%, 92%)

OKLCHoklch(53.7% 0.22 273.9)

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

Text Contrast & Accessibility

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

TextWhite text5.52:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#4D55EA Complementary#EAE24D Analogous#4DA3EA Analogous#944DEA Triadic#EA4D55 Triadic#55EA4D

Tints & Shades

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

Tints

#646BED #7F85F0 #969BF3 #ADB0F5 #C4C6F8 #DFE0FB

Shades

#2832E6 #1821CD #141BA9 #0F1580 #0B0F5B #060937

Use #4D55EA in Our Tools

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