HEX Color #1649CC (Royalblue)

About #1649CC

The hex code #1649CC represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 22, 73, and 204.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 89% cyan and 64% magenta inks. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#1649CC

RGB22, 73, 204

HSL223.2°, 80.5%, 44.3%

CMYK89%, 64%, 0%, 20%

HSV223.2°, 89.2%, 80.0%

LAB36.5, 35.1, -71.7

XYZ13.6, 9.3, 58.2

Decimal1460684

Color Harmonies

Complementary

#1649CC #CC9916

Analogous

#16A3CC #3E16CC

Triadic

#CC1648 #48CC16

Tetradic

#CC16A3 #CC9916 #16CC3E

Tints, Shades & Tones

Tints (Adding White)

#1649CC

#2F5DD1

#4971D7

#6385DD

#7D99E2

#97AEE8

#B1C2EE

#CBD6F3

#E5EAF9

#FFFFFF

Shades (Adding Black)

#1649CC

#1340B5

#11389E

#0E3088

#0C2871

#09205A

#071844

#04102D

#020816

#000000

WCAG Contrast Accessibility

7.35:1

Text on #FFFFFF

AAA

2.86:1

Text on #000000

FAIL

7.02:1

Text on #F8FAFC

AAA

2.43:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #1649CC; }

.text-color { color: #1649CC; }

.border-color { border: 2px solid #1649CC; }

Similar Colors

Royalblue

#4169E1