#0066d4 hex color

In a RGB color space, hex #0066d4 is composed of 0% red, 40% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 51.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 211.1 degrees, a saturation of 100% and a lightness of 41.6%. #0066d4 color hex could be obtained by blending #00ccff with #0000a9. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 40
- B 83
RGB color chart
- C 100
- M 52
- Y 0
- K 17
CMYK color chart

● #0066d4 color description : Strong blue.

The hexadecimal color #0066d4 has RGB values of R:0, G:102, B:212 and CMYK values of C:1, M:0.52, Y:0, K:0.17. Its decimal value is 26324.

Hex triplet	0066d4	`#0066d4`
RGB Decimal	0, 102, 212	`rgb(0,102,212)`
RGB Percent	0, 40, 83.1	`rgb(0%,40%,83.1%)`
CMYK	100, 52, 0, 17
HSL	211.1°, 100, 41.6	`hsl(211.1,100%,41.6%)`
HSV (or HSB)	211.1°, 100, 83.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	44.596, 18.478, -63.196
XYZ	16.632, 14.255, 64.159
xyY	0.175, 0.15, 14.255
CIE-LCH	44.596, 65.842, 286.298
CIE-LUV	44.596, -23.499, -95.655
Hunter-Lab	37.755, 12.563, -74.324
Binary	00000000, 01100110, 11010100

#0066d4
```
#0066d4 rgb(0,102,212)
```
#d46e00
```
#d46e00 rgb(212,110,0)
```

Complementary Color

#00d0d4
```
#00d0d4 rgb(0,208,212)
```
#0066d4
```
#0066d4 rgb(0,102,212)
```
#0400d4
```
#0400d4 rgb(4,0,212)
```

Analogous Color

#d0d400
```
#d0d400 rgb(208,212,0)
```
#0066d4
```
#0066d4 rgb(0,102,212)
```
#d40400
```
#d40400 rgb(212,4,0)
```

Split Complementary Color

#66d400
```
#66d400 rgb(102,212,0)
```
#0066d4
```
#0066d4 rgb(0,102,212)
```
#d40066
```
#d40066 rgb(212,0,102)
```

Triadic Color

#00d46e
```
#00d46e rgb(0,212,110)
```
#0066d4
```
#0066d4 rgb(0,102,212)
```
#d40066
```
#d40066 rgb(212,0,102)
```
#d46e00
```
#d46e00 rgb(212,110,0)
```

Tetradic Color

#004188
```
#004188 rgb(0,65,136)
```
#004da1
```
#004da1 rgb(0,77,161)
```
#005abb
```
#005abb rgb(0,90,187)
```
#0066d4
```
#0066d4 rgb(0,102,212)
```
#0072ee
```
#0072ee rgb(0,114,238)
```
#087fff
```
#087fff rgb(8,127,255)
```
#228cff
```
#228cff rgb(34,140,255)
```

Monochromatic Color

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

#009bd4
```
#009bd4 rgb(0,155,212)
```
#0089d4
```
#0089d4 rgb(0,137,212)
```
#0078d4
```
#0078d4 rgb(0,120,212)
```
#0066d4
```
#0066d4 rgb(0,102,212)
```
#0054d4
```
#0054d4 rgb(0,84,212)
```
#0043d4
```
#0043d4 rgb(0,67,212)
```
#0031d4
```
#0031d4 rgb(0,49,212)
```

Similar Colors

Text with hexadecimal color #0066d4

This text has a font color of #0066d4.

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

#0066d4 background color

This paragraph has a background color of #0066d4.

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

#0066d4 border color

This element has a border color of #0066d4.

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

CSS codes

.text {color:#0066d4;}

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

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

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, #000810 is the darkest color, while #fbfdff is the lightest one.

#000810
```
#000810 rgb(0,8,16)
```
#001123
```
#001123 rgb(0,17,35)
```
#001a37
```
#001a37 rgb(0,26,55)
```
#00244b
```
#00244b rgb(0,36,75)
```
#002d5e
```
#002d5e rgb(0,45,94)
```
#003772
```
#003772 rgb(0,55,114)
```
#004086
```
#004086 rgb(0,64,134)
```
#004a99
```
#004a99 rgb(0,74,153)
```
#0053ad
```
#0053ad rgb(0,83,173)
```
#005dc0
```
#005dc0 rgb(0,93,192)
```
#0066d4
```
#0066d4 rgb(0,102,212)
```
#006fe8
```
#006fe8 rgb(0,111,232)
```
#0079fb
```
#0079fb rgb(0,121,251)
```

Shade Color Variation

#1083ff
```
#1083ff rgb(16,131,255)
```
#238dff
```
#238dff rgb(35,141,255)
```
#3797ff
```
#3797ff rgb(55,151,255)
```
#4ba1ff
```
#4ba1ff rgb(75,161,255)
```
#5eacff
```
#5eacff rgb(94,172,255)
```
#72b6ff
```
#72b6ff rgb(114,182,255)
```
#86c0ff
```
#86c0ff rgb(134,192,255)
```
#99caff
```
#99caff rgb(153,202,255)
```
#add4ff
```
#add4ff rgb(173,212,255)
```
#c0dfff
```
#c0dfff rgb(192,223,255)
```
#d4e9ff
```
#d4e9ff rgb(212,233,255)
```
#e8f3ff
```
#e8f3ff rgb(232,243,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#626a72
```
#626a72 rgb(98,106,114)
```
#5a697a
```
#5a697a rgb(90,105,122)
```
#526982
```
#526982 rgb(82,105,130)
```
#49698b
```
#49698b rgb(73,105,139)
```
#416893
```
#416893 rgb(65,104,147)
```
#39689b
```
#39689b rgb(57,104,155)
```
#3168a3
```
#3168a3 rgb(49,104,163)
```
#2968ab
```
#2968ab rgb(41,104,171)
```
#2167b3
```
#2167b3 rgb(33,103,179)
```
#1867bc
```
#1867bc rgb(24,103,188)
```
#1067c4
```
#1067c4 rgb(16,103,196)
```
#0866cc
```
#0866cc rgb(8,102,204)
```
#0066d4
```
#0066d4 rgb(0,102,212)
```

Tone Color Variation

Below, you can see how #0066d4 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

#545454 Achromatopsia 0.005% of the population
#43586e Atypical Achromatopsia 0.001% of the population

Dichromacy

#176dd5 Protanopia 1% of men
#0073bc Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#0e6ad5 Protanomaly 1% of men, 0.01% of women
#006ec5 Deuteranomaly 6% of men, 0.4% of women
#0074a0 Tritanomaly 0.01% of the population

#0066d4 hex color

#0066d4 Color Information

#0066d4 Color Conversion

Color Schemes with #0066d4

Alternatives to #0066d4

#0066d4 Preview

Shades and Tints of #0066d4

Tones of #0066d4

Color Blindness Simulator