#4053FC Color

#4053FC is rgb(64, 83, 252) in RGB and hsl(234, 97%, 62%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#4053FC

HEX#4053FC

RGBrgb(64, 83, 252)

HSLhsl(234, 97%, 62%)

HSVhsv(234, 75%, 99%)

OKLCHoklch(54.3% 0.248 270.3)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#4053FC Complementary#FCE940 Analogous#40B1FC Analogous#8B40FC Triadic#FC4053 Triadic#53FC40

Tints & Shades

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

Tints

#596AFC #7280FD #8B97FD #AAB2FE #C3C9FE #DCDFFE

Shades

#182FFB #031AE2 #0315BA #021192 #020C69 #01073C

Use #4053FC in Our Tools

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