#0066DB

A medium, vivid blue closely aligning with Royalblue.

About #0066DB

When working with digital screens, the color #0066DB is rendered by mixing light. It is closely associated with the named CSS color Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 0, 102, and 219.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 100% C, 53% M, 0% Y, and 14% K. This makes it a relatively light color when applied to physical surfaces.

When using this color as a background, text legibility must be considered. 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#0066DB
RGB0, 102, 219
HSL212.1°, 100.0%, 42.9%
CMYK100%, 53%, 0%, 14%
HSV212.1°, 100.0%, 85.9%
LAB45.1, 21.3, -66.4
XYZ17.5, 14.6, 68.9
Decimal26331

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.35:1
Text on #FFFFFF
AA
3.92:1
Text on #000000
AA Large
5.12:1
Text on #F8FAFC
AA
3.34:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #0066DB; }
.text-color { color: #0066DB; }
.border-color { border: 2px solid #0066DB; }

Similar Colors

Royalblue
#4169E1