HEX Color #2C66DB (Royalblue)

About #2C66DB

Visually, #2C66DB is defined as a vivid blue. If you're using CSS, you might find it aligns closely with Royalblue. In the RGB color space, it consists of 44 red, 102 green, and 219 blue.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 80% cyan and 53% magenta inks. With a hue angle of 220.1 degrees, it sits comfortably in the blue spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#2C66DB

RGB44, 102, 219

HSL220.1°, 70.9%, 51.6%

CMYK80%, 53%, 0%, 14%

HSV220.1°, 79.9%, 85.9%

LAB45.8, 23.6, -65.1

XYZ18.6, 15.2, 69.0

Decimal2909915

Color Harmonies

Complementary

#2C66DB #DBA12B

Analogous

#2BBDDB #492BDB

Triadic

#DB2B65 #65DB2B

Tetradic

#DB2BBD #DBA12B #2BDB49

Tints, Shades & Tones

Tints (Adding White)

#2C66DB

#4377DF

#5A88E3

#7299E7

#89AAEB

#A1BBEF

#B8CCF3

#D0DDF7

#E7EEFB

#FFFFFF

Shades (Adding Black)

#2C66DB

#275AC2

#224FAA

#1D4492

#183879

#132D61

#0E2249

#091630

#040B18

#000000

WCAG Contrast Accessibility

5.21:1

Text on #FFFFFF

AA

4.03:1

Text on #000000

AA Large

4.98:1

Text on #F8FAFC

AA

3.43:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #2C66DB; }

.text-color { color: #2C66DB; }

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

Similar Colors

Royalblue

#4169E1