#506ED3 Color

#506ED3 is rgb(80, 110, 211) in RGB and hsl(226, 60%, 57%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#506ED3

HEX#506ED3

RGBrgb(80, 110, 211)

HSLhsl(226, 60%, 57%)

HSVhsv(226, 62%, 83%)

OKLCHoklch(56.7% 0.159 268.5)

CMYKcmyk(62%, 48%, 0%, 17%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#506ED3 Complementary#D3B450 Analogous#50B0D3 Analogous#7350D3 Triadic#D3506E Triadic#6ED350

Tints & Shades

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

Tints

#6882D9 #8197DF #99ABE6 #ADBCEB #C6D0F1 #DEE4F7

Shades

#3255C8 #2B49AB #233B8B #1C2F6E #13214E #0C1531

Use #506ED3 in Our Tools

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