#3D37F1 Color

#3D37F1 is rgb(61, 55, 241) in RGB and hsl(242, 87%, 58%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#3D37F1

HEX#3D37F1

RGBrgb(61, 55, 241)

HSLhsl(242, 87%, 58%)

HSVhsv(242, 77%, 95%)

OKLCHoklch(49.2% 0.262 272.5)

CMYKcmyk(75%, 77%, 0%, 5%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#3D37F1 Complementary#EBF137 Analogous#378EF1 Analogous#9A37F1 Triadic#F13D37 Triadic#37F13D

Tints & Shades

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

Tints

#5953F3 #706BF5 #8B88F7 #A7A4F9 #C3C1FB #DAD9FC

Shades

#1811EE #150ECD #110CA7 #0D0981 #09065B #060439

Use #3D37F1 in Our Tools

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