#3465DF Color

#3465DF is rgb(52, 101, 223) in RGB and hsl(223, 73%, 54%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#3465DF

HEX#3465DF

RGBrgb(52, 101, 223)

HSLhsl(223, 73%, 54%)

HSVhsv(223, 77%, 87%)

OKLCHoklch(54.5% 0.194 264.3)

CMYKcmyk(77%, 55%, 0%, 13%)

Text Contrast & Accessibility

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

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

TextBlack text4.07:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#3465DF Complementary#DFAF34 Analogous#34BADF Analogous#5934DF Triadic#DF3465 Triadic#65DF34

Tints & Shades

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

Tints

#4F79E3 #6D90E8 #88A4EC #A2B9F1 #BDCDF5 #DCE4F9

Shades

#2052CF #1C46B0 #173A92 #112C6E #0C1F4F #081331

Use #3465DF in Our Tools

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