HEX Color #0066BD (Cornflowerblue)

About #0066BD

The hex code #0066BD represents a beautifully specific shade of blue. Designers often compare it to the standard color Cornflowerblue. Its digital footprint relies on 0 parts red, 102 parts green, and 189 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 100% C, 46% M, 0% Y, and 26% 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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#0066BD

RGB0, 102, 189

HSL207.6°, 100.0%, 37.1%

CMYK100%, 46%, 0%, 26%

HSV207.6°, 100.0%, 74.1%

LAB43.0, 9.2, -52.5

XYZ13.9, 13.2, 50.0

Decimal26301

Color Harmonies

Complementary

#0066BD #BD5600

Analogous

#00BDB5 #0007BD

Triadic

#BD0065 #66BD00

Tetradic

#B500BD #BD5600 #07BD00

Tints, Shades & Tones

Tints (Adding White)

#0066BD

#1C77C4

#3888CB

#5599D3

#71AADA

#8DBBE1

#AACCE9

#C6DDF0

#E2EEF7

#FFFFFF

Shades (Adding Black)

#0066BD

#005AA8

#004F93

#00447E

#003869

#002D54

#00223F

#00162A

#000B15

#000000

WCAG Contrast Accessibility

5.78:1

Text on #FFFFFF

AA

3.64:1

Text on #000000

AA Large

5.52:1

Text on #F8FAFC

AA

3.09:1

Text on #0F172A

AA Large

CSS Implementation

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

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

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

Similar Colors

Cornflowerblue

#6495ED