HEX Color #0049BD (Royalblue)

About #0049BD

The precise color #0049BD is an excellent choice for modern design projects. Designers often compare it to the standard color Royalblue. Its digital footprint relies on 0 parts red, 73 parts green, and 189 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 100% cyan, 61% magenta, 0% yellow, and 26% black. The HSL representation is 216.8° hue, 100.0% saturation, and 37.1% lightness.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#0049BD

RGB0, 73, 189

HSL216.8°, 100.0%, 37.1%

CMYK100%, 61%, 0%, 26%

HSV216.8°, 100.0%, 74.1%

LAB34.9, 28.5, -65.7

XYZ11.6, 8.4, 49.2

Decimal18877

Color Harmonies

Complementary

#0049BD #BD7400

Analogous

#00A7BD #1500BD

Triadic

#BD0048 #48BD00

Tetradic

#BD00A7 #BD7400 #00BD15

Tints, Shades & Tones

Tints (Adding White)

#0049BD

#1C5DC4

#3871CB

#5585D3

#7199DA

#8DAEE1

#AAC2E9

#C6D6F0

#E2EAF7

#FFFFFF

Shades (Adding Black)

#0049BD

#0040A8

#003893

#00307E

#002869

#002054

#00183F

#00102A

#000815

#000000

WCAG Contrast Accessibility

7.81:1

Text on #FFFFFF

AAA

2.69:1

Text on #000000

FAIL

7.47:1

Text on #F8FAFC

AAA

2.28:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #0049BD; }

.text-color { color: #0049BD; }

.border-color { border: 2px solid #0049BD; }

Similar Colors

Royalblue

#4169E1