#0066cf hex color

In a RGB color space, hex #0066cf is composed of 0% red, 40% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 50.7% magenta, 0% yellow and 18.8% black. It has a hue angle of 210.4 degrees, a saturation of 100% and a lightness of 40.6%. #0066cf color hex could be obtained by blending #00ccff with #00009f. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 40
- B 81
RGB color chart
- C 100
- M 51
- Y 0
- K 19
CMYK color chart

● #0066cf color description : Strong blue.

The hexadecimal color #0066cf has RGB values of R:0, G:102, B:207 and CMYK values of C:1, M:0.51, Y:0, K:0.19. Its decimal value is 26319.

Hex triplet	0066cf	`#0066cf`
RGB Decimal	0, 102, 207	`rgb(0,102,207)`
RGB Percent	0, 40, 81.2	`rgb(0%,40%,81.2%)`
CMYK	100, 51, 0, 19
HSL	210.4°, 100, 40.6	`hsl(210.4,100%,40.6%)`
HSV (or HSB)	210.4°, 100, 81.2
Web Safe	0066cc	`#0066cc`

CIE-LAB	44.242, 16.479, -60.908
XYZ	16.011, 14.006, 60.888
xyY	0.176, 0.154, 14.006
CIE-LCH	44.242, 63.098, 285.139
CIE-LUV	44.242, -23.674, -91.997
Hunter-Lab	37.425, 10.873, -70.263
Binary	00000000, 01100110, 11001111

#0066cf
```
#0066cf rgb(0,102,207)
```
#cf6900
```
#cf6900 rgb(207,105,0)
```

Complementary Color

#00cecf
```
#00cecf rgb(0,206,207)
```
#0066cf
```
#0066cf rgb(0,102,207)
```
#0100cf
```
#0100cf rgb(1,0,207)
```

Analogous Color

#cecf00
```
#cecf00 rgb(206,207,0)
```
#0066cf
```
#0066cf rgb(0,102,207)
```
#cf0100
```
#cf0100 rgb(207,1,0)
```

Split Complementary Color

#66cf00
```
#66cf00 rgb(102,207,0)
```
#0066cf
```
#0066cf rgb(0,102,207)
```
#cf0066
```
#cf0066 rgb(207,0,102)
```

Triadic Color

#00cf69
```
#00cf69 rgb(0,207,105)
```
#0066cf
```
#0066cf rgb(0,102,207)
```
#cf0066
```
#cf0066 rgb(207,0,102)
```
#cf6900
```
#cf6900 rgb(207,105,0)
```

Tetradic Color

#004083
```
#004083 rgb(0,64,131)
```
#004d9c
```
#004d9c rgb(0,77,156)
```
#0059b6
```
#0059b6 rgb(0,89,182)
```
#0066cf
```
#0066cf rgb(0,102,207)
```
#0073e9
```
#0073e9 rgb(0,115,233)
```
#037fff
```
#037fff rgb(3,127,255)
```
#1d8cff
```
#1d8cff rgb(29,140,255)
```

Monochromatic Color

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

#009acf
```
#009acf rgb(0,154,207)
```
#0089cf
```
#0089cf rgb(0,137,207)
```
#0077cf
```
#0077cf rgb(0,119,207)
```
#0066cf
```
#0066cf rgb(0,102,207)
```
#0055cf
```
#0055cf rgb(0,85,207)
```
#0044cf
```
#0044cf rgb(0,68,207)
```
#0032cf
```
#0032cf rgb(0,50,207)
```

Similar Colors

Text with hexadecimal color #0066cf

This text has a font color of #0066cf.

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

#0066cf background color

This paragraph has a background color of #0066cf.

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

#0066cf border color

This element has a border color of #0066cf.

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

CSS codes

.text {color:#0066cf;}

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

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

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, #00050b is the darkest color, while #f6fbff is the lightest one.

#00050b
```
#00050b rgb(0,5,11)
```
#000f1e
```
#000f1e rgb(0,15,30)
```
#001932
```
#001932 rgb(0,25,50)
```
#002246
```
#002246 rgb(0,34,70)
```
#002c59
```
#002c59 rgb(0,44,89)
```
#00366d
```
#00366d rgb(0,54,109)
```
#003f81
```
#003f81 rgb(0,63,129)
```
#004994
```
#004994 rgb(0,73,148)
```
#0053a8
```
#0053a8 rgb(0,83,168)
```
#005cbb
```
#005cbb rgb(0,92,187)
```
#0066cf
```
#0066cf rgb(0,102,207)
```
#0070e3
```
#0070e3 rgb(0,112,227)
```
#0079f6
```
#0079f6 rgb(0,121,246)
```

Shade Color Variation

#0b83ff
```
#0b83ff rgb(11,131,255)
```
#1e8dff
```
#1e8dff rgb(30,141,255)
```
#3297ff
```
#3297ff rgb(50,151,255)
```
#46a1ff
```
#46a1ff rgb(70,161,255)
```
#59abff
```
#59abff rgb(89,171,255)
```
#6db5ff
```
#6db5ff rgb(109,181,255)
```
#81bfff
```
#81bfff rgb(129,191,255)
```
#94c9ff
```
#94c9ff rgb(148,201,255)
```
#a8d3ff
```
#a8d3ff rgb(168,211,255)
```
#bbddff
```
#bbddff rgb(187,221,255)
```
#cfe7ff
```
#cfe7ff rgb(207,231,255)
```
#e3f1ff
```
#e3f1ff rgb(227,241,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#60676f
```
#60676f rgb(96,103,111)
```
#586777
```
#586777 rgb(88,103,119)
```
#50677f
```
#50677f rgb(80,103,127)
```
#486787
```
#486787 rgb(72,103,135)
```
#40678f
```
#40678f rgb(64,103,143)
```
#386797
```
#386797 rgb(56,103,151)
```
#30679f
```
#30679f rgb(48,103,159)
```
#2867a7
```
#2867a7 rgb(40,103,167)
```
#2066af
```
#2066af rgb(32,102,175)
```
#1866b7
```
#1866b7 rgb(24,102,183)
```
#1066bf
```
#1066bf rgb(16,102,191)
```
#0866c7
```
#0866c7 rgb(8,102,199)
```
#0066cf
```
#0066cf rgb(0,102,207)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#42576c Atypical Achromatopsia 0.001% of the population

Dichromacy

#266dd0 Protanopia 1% of men
#0072bb Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#186ad0 Protanomaly 1% of men, 0.01% of women
#006ec2 Deuteranomaly 6% of men, 0.4% of women
#00739e Tritanomaly 0.01% of the population

#0066cf hex color

#0066cf Color Information

#0066cf Color Conversion

Color Schemes with #0066cf

Alternatives to #0066cf

#0066cf Preview

Shades and Tints of #0066cf

Tones of #0066cf

Color Blindness Simulator