#0066d9 hex color

In a RGB color space, hex #0066d9 is composed of 0% red, 40% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 53% magenta, 0% yellow and 14.9% black. It has a hue angle of 211.8 degrees, a saturation of 100% and a lightness of 42.5%. #0066d9 color hex could be obtained by blending #00ccff with #0000b3. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 40
- B 85
RGB color chart
- C 100
- M 53
- Y 0
- K 15
CMYK color chart

● #0066d9 color description : Pure (or mostly pure) blue.

The hexadecimal color #0066d9 has RGB values of R:0, G:102, B:217 and CMYK values of C:1, M:0.53, Y:0, K:0.15. Its decimal value is 26329.

Hex triplet	0066d9	`#0066d9`
RGB Decimal	0, 102, 217	`rgb(0,102,217)`
RGB Percent	0, 40, 85.1	`rgb(0%,40%,85.1%)`
CMYK	100, 53, 0, 15
HSL	211.8°, 100, 42.5	`hsl(211.8,100%,42.5%)`
HSV (or HSB)	211.8°, 100, 85.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	44.957, 20.467, -65.463
XYZ	17.273, 14.511, 67.532
xyY	0.174, 0.146, 14.511
CIE-LCH	44.957, 68.588, 287.362
CIE-LUV	44.957, -23.335, -99.266
Hunter-Lab	38.093, 14.276, -78.445
Binary	00000000, 01100110, 11011001

#0066d9
```
#0066d9 rgb(0,102,217)
```
#d97300
```
#d97300 rgb(217,115,0)
```

Complementary Color

#00d3d9
```
#00d3d9 rgb(0,211,217)
```
#0066d9
```
#0066d9 rgb(0,102,217)
```
#0600d9
```
#0600d9 rgb(6,0,217)
```

Analogous Color

#d3d900
```
#d3d900 rgb(211,217,0)
```
#0066d9
```
#0066d9 rgb(0,102,217)
```
#d90600
```
#d90600 rgb(217,6,0)
```

Split Complementary Color

#66d900
```
#66d900 rgb(102,217,0)
```
#0066d9
```
#0066d9 rgb(0,102,217)
```
#d90066
```
#d90066 rgb(217,0,102)
```

Triadic Color

#00d973
```
#00d973 rgb(0,217,115)
```
#0066d9
```
#0066d9 rgb(0,102,217)
```
#d90066
```
#d90066 rgb(217,0,102)
```
#d97300
```
#d97300 rgb(217,115,0)
```

Tetradic Color

#00428d
```
#00428d rgb(0,66,141)
```
#004ea6
```
#004ea6 rgb(0,78,166)
```
#005ac0
```
#005ac0 rgb(0,90,192)
```
#0066d9
```
#0066d9 rgb(0,102,217)
```
#0072f3
```
#0072f3 rgb(0,114,243)
```
#0d7fff
```
#0d7fff rgb(13,127,255)
```
#278cff
```
#278cff rgb(39,140,255)
```

Monochromatic Color

Below, you can see some colors close to #0066d9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#009cd9
```
#009cd9 rgb(0,156,217)
```
#008ad9
```
#008ad9 rgb(0,138,217)
```
#0078d9
```
#0078d9 rgb(0,120,217)
```
#0066d9
```
#0066d9 rgb(0,102,217)
```
#0054d9
```
#0054d9 rgb(0,84,217)
```
#0042d9
```
#0042d9 rgb(0,66,217)
```
#0030d9
```
#0030d9 rgb(0,48,217)
```

Similar Colors

Text with hexadecimal color #0066d9

This text has a font color of #0066d9.

<span style="color:#0066d9;">Text here</span>

#0066d9 background color

This paragraph has a background color of #0066d9.

<p style="background-color:#0066d9;">Content here</p>

#0066d9 border color

This element has a border color of #0066d9.

<div style="border:1px solid #0066d9;">Content here</div>

CSS codes

.text {color:#0066d9;}

.background {background-color:#0066d9;}

.border {border:1px solid #0066d9;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000101 is the darkest color, while #edf5ff is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#000a15
```
#000a15 rgb(0,10,21)
```
#001328
```
#001328 rgb(0,19,40)
```
#001c3c
```
#001c3c rgb(0,28,60)
```
#002550
```
#002550 rgb(0,37,80)
```
#002f63
```
#002f63 rgb(0,47,99)
```
#003877
```
#003877 rgb(0,56,119)
```
#00418b
```
#00418b rgb(0,65,139)
```
#004a9e
```
#004a9e rgb(0,74,158)
```
#0054b2
```
#0054b2 rgb(0,84,178)
```
#005dc5
```
#005dc5 rgb(0,93,197)
```
#0066d9
```
#0066d9 rgb(0,102,217)
```
#006fed
```
#006fed rgb(0,111,237)
```

Shade Color Variation

#0179ff
```
#0179ff rgb(1,121,255)
```
#1583ff
```
#1583ff rgb(21,131,255)
```
#288dff
```
#288dff rgb(40,141,255)
```
#3c98ff
```
#3c98ff rgb(60,152,255)
```
#50a2ff
```
#50a2ff rgb(80,162,255)
```
#63acff
```
#63acff rgb(99,172,255)
```
#77b7ff
```
#77b7ff rgb(119,183,255)
```
#8bc1ff
```
#8bc1ff rgb(139,193,255)
```
#9eccff
```
#9eccff rgb(158,204,255)
```
#b2d6ff
```
#b2d6ff rgb(178,214,255)
```
#c5e0ff
```
#c5e0ff rgb(197,224,255)
```
#d9ebff
```
#d9ebff rgb(217,235,255)
```
#edf5ff
```
#edf5ff rgb(237,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646c75 is the less saturated color, while #0066d9 is the most saturated one.

#646c75
```
#646c75 rgb(100,108,117)
```
#5c6c7d
```
#5c6c7d rgb(92,108,125)
```
#536b86
```
#536b86 rgb(83,107,134)
```
#4b6b8e
```
#4b6b8e rgb(75,107,142)
```
#436a96
```
#436a96 rgb(67,106,150)
```
#3a6a9f
```
#3a6a9f rgb(58,106,159)
```
#3269a7
```
#3269a7 rgb(50,105,167)
```
#2a69af
```
#2a69af rgb(42,105,175)
```
#2168b8
```
#2168b8 rgb(33,104,184)
```
#1968c0
```
#1968c0 rgb(25,104,192)
```
#1167c8
```
#1167c8 rgb(17,103,200)
```
#0867d1
```
#0867d1 rgb(8,103,209)
```
#0066d9
```
#0066d9 rgb(0,102,217)
```

Tone Color Variation

Below, you can see how #0066d9 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#555555 Achromatopsia 0.005% of the population
#44586f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed9 Protanopia 1% of men
#0074bd Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#006bd9 Protanomaly 1% of men, 0.01% of women
#006fc7 Deuteranomaly 6% of men, 0.4% of women
#0074a3 Tritanomaly 0.01% of the population

#0066d9 hex color

#0066d9 Color Information

#0066d9 Color Conversion

Color Schemes with #0066d9

Alternatives to #0066d9

#0066d9 Preview

Shades and Tints of #0066d9

Tones of #0066d9

Color Blindness Simulator