#3F5FDE Color

#3F5FDE is rgb(63, 95, 222) in RGB and hsl(228, 71%, 56%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#3F5FDE

HEX#3F5FDE

RGBrgb(63, 95, 222)

HSLhsl(228, 71%, 56%)

HSVhsv(228, 72%, 87%)

OKLCHoklch(53.7% 0.197 268.2)

CMYKcmyk(72%, 57%, 0%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#3F5FDE Complementary#DEBF3F Analogous#3FAFDE Analogous#6F3FDE Triadic#DE3F5F Triadic#5FDE3F

Tints & Shades

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

Tints

#5975E3 #738BE7 #8EA0EC #A8B6F0 #C2CCF5 #DCE2F9

Shades

#2448D6 #1E3CB3 #193294 #132671 #0E1C53 #081030

Use #3F5FDE in Our Tools

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