#315BC4 Color

#315BC4 is rgb(49, 91, 196) in RGB and hsl(223, 60%, 48%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#315BC4

HEX#315BC4

RGBrgb(49, 91, 196)

HSLhsl(223, 60%, 48%)

HSVhsv(223, 75%, 77%)

OKLCHoklch(50.3% 0.171 264.5)

CMYKcmyk(75%, 54%, 0%, 23%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#315BC4 Complementary#C49A31 Analogous#31A4C4 Analogous#5131C4 Triadic#C4315B Triadic#5BC431

Tints & Shades

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

Tints

#476ED1 #6485D8 #819BDF #A1B5E8 #BECCEF #DAE2F6

Shades

#2B4FAB #24428F #1E3776 #172B5E #112045 #0A1329

Use #315BC4 in Our Tools

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