#3F58FD Color

#3F58FD is rgb(63, 88, 253) in RGB and hsl(232, 98%, 62%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#3F58FD

HEX#3F58FD

RGBrgb(63, 88, 253)

HSLhsl(232, 98%, 62%)

HSVhsv(232, 75%, 99%)

OKLCHoklch(55.1% 0.244 269.5)

CMYKcmyk(75%, 65%, 0%, 1%)

Text Contrast & Accessibility

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

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

TextBlack text4.03:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#3F58FD Complementary#FDE43F Analogous#3FB7FD Analogous#853FFD Triadic#FD3F58 Triadic#58FD3F

Tints & Shades

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

Tints

#586EFD #7284FE #8B9AFE #A9B4FE #C2CAFE #DCE0FF

Shades

#1735FD #0220E3 #021BBB #011592 #010F6A #01093D

Use #3F58FD in Our Tools

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