HEX Color #0766D3 (Royalblue)

About #0766D3

The precise color #0766D3 is an excellent choice for modern design projects. Designers often compare it to the standard color Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 7, 102, and 211.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 97% C, 52% M, 0% Y, and 17% K. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#0766D3

RGB7, 102, 211

HSL212.1°, 93.6%, 42.7%

CMYK97%, 52%, 0%, 17%

HSV212.1°, 96.7%, 82.7%

LAB44.6, 18.3, -62.6

XYZ16.6, 14.3, 63.5

Decimal485075

Color Harmonies

Complementary

#0766D3 #D27307

Analogous

#07CBD2 #0E07D2

Triadic

#D20765 #65D207

Tetradic

#D207CB #D27307 #07D20E

Tints, Shades & Tones

Tints (Adding White)

#0766D3

#2277D7

#3E88DC

#5999E1

#75AAE6

#90BBEB

#ACCCF0

#C7DDF5

#E3EEFA

#FFFFFF

Shades (Adding Black)

#0766D3

#065ABB

#054FA4

#04448C

#033875

#032D5D

#022246

#01162E

#000B17

#000000

WCAG Contrast Accessibility

5.45:1

Text on #FFFFFF

AA

3.85:1

Text on #000000

AA Large

5.21:1

Text on #F8FAFC

AA

3.27:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #0766D3; }

.text-color { color: #0766D3; }

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

Similar Colors

Royalblue

#4169E1