#315DED Color

#315DED is rgb(49, 93, 237) in RGB and hsl(226, 84%, 56%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#315DED

HEX#315DED

RGBrgb(49, 93, 237)

HSLhsl(226, 84%, 56%)

HSVhsv(226, 79%, 93%)

OKLCHoklch(54% 0.222 265.9)

CMYKcmyk(79%, 61%, 0%, 7%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#315DED Complementary#EDC131 Analogous#31BBED Analogous#6331ED Triadic#ED315D Triadic#5DED31

Tints & Shades

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

Tints

#4D73EF #6989F2 #859FF4 #A1B5F7 #BDCBF9 #D9E1FC

Shades

#1445E6 #113AC0 #0E30A0 #0B257A #081B59 #040F34

Use #315DED in Our Tools

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