#345FD5 Color

#345FD5 is rgb(52, 95, 213) in RGB and hsl(224, 66%, 52%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#345FD5

HEX#345FD5

RGBrgb(52, 95, 213)

HSLhsl(224, 66%, 52%)

HSVhsv(224, 76%, 84%)

OKLCHoklch(52.5% 0.188 265.2)

CMYKcmyk(76%, 55%, 0%, 16%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#345FD5 Complementary#D5AA34 Analogous#34B0D5 Analogous#5A34D5 Triadic#D5345F Triadic#5FD534

Tints & Shades

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

Tints

#5176DB #6B8AE1 #88A2E7 #A2B6EC #C0CDF2 #D9E1F7

Shades

#274FBE #2143A1 #1B3783 #162C6A #10204C #0A132F

Use #345FD5 in Our Tools

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