#506ED7 Color

#506ED7 is rgb(80, 110, 215) in RGB and hsl(227, 63%, 58%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#506ED7

HEX#506ED7

RGBrgb(80, 110, 215)

HSLhsl(227, 63%, 58%)

HSVhsv(227, 63%, 84%)

OKLCHoklch(57% 0.164 268.7)

CMYKcmyk(63%, 49%, 0%, 16%)

Text Contrast & Accessibility

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

TextWhite text4.61:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.55:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#506ED7 Complementary#D7BA50 Analogous#50B1D7 Analogous#7750D7 Triadic#D7506E Triadic#6ED750

Tints & Shades

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

Tints

#6982DD #7E94E2 #97A8E7 #B0BDED #C9D2F3 #DEE3F7

Shades

#2F52D0 #2947B3 #213991 #192C70 #121F4F #0B1432

Use #506ED7 in Our Tools

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