#1666DB

A medium, vivid blue closely aligning with Royalblue.

About #1666DB

Visually, #1666DB is defined as a vivid blue. It is closely associated with the named CSS color Royalblue. This translates to an RGB value of rgb(22, 102, 219).

If you are designing for print, the four-color process is what matters most. The color uses 90% Cyan, 53% Magenta, 0% Yellow, and 14% Black. The HSL representation is 215.6° hue, 81.7% saturation, and 47.3% lightness.

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #FFFFFF text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#1666DB
RGB22, 102, 219
HSL215.6°, 81.7%, 47.3%
CMYK90%, 53%, 0%, 14%
HSV215.6°, 90.0%, 85.9%
LAB45.3, 22.0, -66.0
XYZ17.9, 14.8, 68.9
Decimal1468123

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.31:1
Text on #FFFFFF
AA
3.96:1
Text on #000000
AA Large
5.07:1
Text on #F8FAFC
AA
3.36:1
Text on #0F172A
AA Large

CSS Implementation

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

Similar Colors

Royalblue
#4169E1