#315D87 Color

#315D87 is rgb(49, 93, 135) in RGB and hsl(209, 47%, 36%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#315D87

HEX#315D87

RGBrgb(49, 93, 135)

HSLhsl(209, 47%, 36%)

HSVhsv(209, 64%, 53%)

OKLCHoklch(46.7% 0.084 249.1)

CMYKcmyk(64%, 31%, 0%, 47%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#315D87 Complementary#875A31 Analogous#318786 Analogous#313287 Triadic#87315D Triadic#5D8731

Tints & Shades

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

Tints

#3D75A9 #538CC1 #74A2CD #92B6D8 #B4CDE4 #D6E3F0

Shades

#2A5074 #244665 #1E3952 #182F43 #122231 #0C1722

Use #315D87 in Our Tools

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