#3A53F8 Color

#3A53F8 is rgb(58, 83, 248) in RGB and hsl(232, 93%, 60%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#3A53F8

HEX#3A53F8

RGBrgb(58, 83, 248)

HSLhsl(232, 93%, 60%)

HSVhsv(232, 77%, 97%)

OKLCHoklch(53.6% 0.244 269.1)

CMYKcmyk(77%, 67%, 0%, 3%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#3A53F8 Complementary#F8DF3A Analogous#3AB2F8 Analogous#803AF8 Triadic#F83A53 Triadic#53F83A

Tints & Shades

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

Tints

#5369F9 #7083FA #8998FB #A6B2FC #BFC7FD #DDE1FE

Shades

#1331F6 #0824D9 #061DB1 #05178A #041062 #020A3B

Use #3A53F8 in Our Tools

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