#318DE3 Color

#318DE3 is rgb(49, 141, 227) in RGB and hsl(209, 76%, 54%) in HSL. The closest CSS named color is DodgerBlue. Black text is most readable on this background.

#318DE3

HEX#318DE3

RGBrgb(49, 141, 227)

HSLhsl(209, 76%, 54%)

HSVhsv(209, 78%, 89%)

OKLCHoklch(63.2% 0.155 250.6)

CMYKcmyk(78%, 38%, 0%, 11%)

Text Contrast & Accessibility

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

TextWhite text3.47:1AA normal ✗AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#318DE3 Complementary#E38731 Analogous#31E3E0 Analogous#3134E3 Triadic#E3318D Triadic#8DE331

Tints & Shades

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

Tints

#4B9CE7 #6BADEB #86BCEE #A1CBF2 #BCDAF6 #DBEBFA

Shades

#1D7BD3 #1869B4 #145694 #0F4170 #0B2F51 #071D31

Use #318DE3 in Our Tools

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