#3B4BF7 Color

#3B4BF7 is rgb(59, 75, 247) in RGB and hsl(235, 92%, 60%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#3B4BF7

HEX#3B4BF7

RGBrgb(59, 75, 247)

HSLhsl(235, 92%, 60%)

HSVhsv(235, 76%, 97%)

OKLCHoklch(52.4% 0.251 270.2)

CMYKcmyk(76%, 70%, 0%, 3%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#3B4BF7 Complementary#F7E73B Analogous#3BA9F7 Analogous#893BF7 Triadic#F73B4B Triadic#4BF73B

Tints & Shades

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

Tints

#5461F8 #717CF9 #8993FA #A7AEFB #BFC4FC #DDDFFE

Shades

#1427F5 #091AD7 #0715B0 #061189 #040C62 #02073B

Use #3B4BF7 in Our Tools

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