#313BF2 Color

#313BF2 is rgb(49, 59, 242) in RGB and hsl(237, 88%, 57%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#313BF2

HEX#313BF2

RGBrgb(49, 59, 242)

HSLhsl(237, 88%, 57%)

HSVhsv(237, 80%, 95%)

OKLCHoklch(49.2% 0.263 269.5)

CMYKcmyk(80%, 76%, 0%, 5%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#313BF2 Complementary#F2E831 Analogous#319BF2 Analogous#8831F2 Triadic#F2313B Triadic#3BF231

Tints & Shades

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

Tints

#4E56F4 #6A71F6 #878DF7 #9FA4F9 #BCBFFB #D9DAFD

Shades

#0F1AEB #0D16C9 #0A12A3 #080E81 #060A5B #04063A

Use #313BF2 in Our Tools

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