#3541F3 Color

#3541F3 is rgb(53, 65, 243) in RGB and hsl(236, 89%, 58%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#3541F3

HEX#3541F3

RGBrgb(53, 65, 243)

HSLhsl(236, 89%, 58%)

HSVhsv(236, 78%, 95%)

OKLCHoklch(50.2% 0.258 269.9)

CMYKcmyk(78%, 73%, 0%, 5%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#3541F3 Complementary#F3E735 Analogous#35A1F3 Analogous#8735F3 Triadic#F33541 Triadic#41F335

Tints & Shades

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

Tints

#515CF5 #6A73F6 #878EF8 #A3A9FA #C0C4FB #D8DBFD

Shades

#0E1DF1 #0C19CF #0A14A9 #081082 #050B5C #03073A

Use #3541F3 in Our Tools

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