#315CD3 Color

#315CD3 is rgb(49, 92, 211) in RGB and hsl(224, 65%, 51%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#315CD3

HEX#315CD3

RGBrgb(49, 92, 211)

HSLhsl(224, 65%, 51%)

HSVhsv(224, 77%, 83%)

OKLCHoklch(51.7% 0.19 265.2)

CMYKcmyk(77%, 56%, 0%, 17%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#315CD3 Complementary#D3A831 Analogous#31ADD3 Analogous#5731D3 Triadic#D3315C Triadic#5CD331

Tints & Shades

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

Tints

#4E73DA #6887DF #859FE5 #A2B6EB #C0CDF2 #D9E1F7

Shades

#274EB9 #2244A0 #1C3782 #152B65 #0F1E48 #0A142E

Use #315CD3 in Our Tools

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