#0066cd hex color

In a RGB color space, hex #0066cd is composed of 0% red, 40% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 50.2% magenta, 0% yellow and 19.6% black. It has a hue angle of 210.1 degrees, a saturation of 100% and a lightness of 40.2%. #0066cd color hex could be obtained by blending #00ccff with #00009b. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 40
- B 80
RGB color chart
- C 100
- M 50
- Y 0
- K 20
CMYK color chart

● #0066cd color description : Strong blue.

The hexadecimal color #0066cd has RGB values of R:0, G:102, B:205 and CMYK values of C:1, M:0.5, Y:0, K:0.2. Its decimal value is 26317.

Hex triplet	0066cd	`#0066cd`
RGB Decimal	0, 102, 205	`rgb(0,102,205)`
RGB Percent	0, 40, 80.4	`rgb(0%,40%,80.4%)`
CMYK	100, 50, 0, 20
HSL	210.1°, 100, 40.2	`hsl(210.1,100%,40.2%)`
HSV (or HSB)	210.1°, 100, 80.4
Web Safe	0066cc	`#0066cc`

CIE-LAB	44.102, 15.677, -59.986
XYZ	15.768, 13.909, 59.608
xyY	0.177, 0.156, 13.909
CIE-LCH	44.102, 62.001, 284.646
CIE-LUV	44.102, -23.747, -90.522
Hunter-Lab	37.295, 10.204, -68.656
Binary	00000000, 01100110, 11001101

#0066cd
```
#0066cd rgb(0,102,205)
```
#cd6700
```
#cd6700 rgb(205,103,0)
```

Complementary Color

#00cdcd
```
#00cdcd rgb(0,205,205)
```
#0066cd
```
#0066cd rgb(0,102,205)
```
#0100cd
```
#0100cd rgb(1,0,205)
```

Analogous Color

#cdcd00
```
#cdcd00 rgb(205,205,0)
```
#0066cd
```
#0066cd rgb(0,102,205)
```
#cd0100
```
#cd0100 rgb(205,1,0)
```

Split Complementary Color

#66cd00
```
#66cd00 rgb(102,205,0)
```
#0066cd
```
#0066cd rgb(0,102,205)
```
#cd0066
```
#cd0066 rgb(205,0,102)
```

Triadic Color

#00cd67
```
#00cd67 rgb(0,205,103)
```
#0066cd
```
#0066cd rgb(0,102,205)
```
#cd0066
```
#cd0066 rgb(205,0,102)
```
#cd6700
```
#cd6700 rgb(205,103,0)
```

Tetradic Color

#004081
```
#004081 rgb(0,64,129)
```
#004d9a
```
#004d9a rgb(0,77,154)
```
#0059b4
```
#0059b4 rgb(0,89,180)
```
#0066cd
```
#0066cd rgb(0,102,205)
```
#0073e7
```
#0073e7 rgb(0,115,231)
```
#017fff
```
#017fff rgb(1,127,255)
```
#1b8cff
```
#1b8cff rgb(27,140,255)
```

Monochromatic Color

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

#0099cd
```
#0099cd rgb(0,153,205)
```
#0088cd
```
#0088cd rgb(0,136,205)
```
#0077cd
```
#0077cd rgb(0,119,205)
```
#0066cd
```
#0066cd rgb(0,102,205)
```
#0055cd
```
#0055cd rgb(0,85,205)
```
#0044cd
```
#0044cd rgb(0,68,205)
```
#0033cd
```
#0033cd rgb(0,51,205)
```

Similar Colors

Text with hexadecimal color #0066cd

This text has a font color of #0066cd.

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

#0066cd background color

This paragraph has a background color of #0066cd.

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

#0066cd border color

This element has a border color of #0066cd.

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

CSS codes

.text {color:#0066cd;}

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

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

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

#000409
```
#000409 rgb(0,4,9)
```
#000e1c
```
#000e1c rgb(0,14,28)
```
#001830
```
#001830 rgb(0,24,48)
```
#002244
```
#002244 rgb(0,34,68)
```
#002b57
```
#002b57 rgb(0,43,87)
```
#00356b
```
#00356b rgb(0,53,107)
```
#003f7f
```
#003f7f rgb(0,63,127)
```
#004992
```
#004992 rgb(0,73,146)
```
#0052a6
```
#0052a6 rgb(0,82,166)
```
#005cb9
```
#005cb9 rgb(0,92,185)
```
#0066cd
```
#0066cd rgb(0,102,205)
```
#0070e1
```
#0070e1 rgb(0,112,225)
```
#007af4
```
#007af4 rgb(0,122,244)
```

Shade Color Variation

#0983ff
```
#0983ff rgb(9,131,255)
```
#1c8dff
```
#1c8dff rgb(28,141,255)
```
#3097ff
```
#3097ff rgb(48,151,255)
```
#44a1ff
```
#44a1ff rgb(68,161,255)
```
#57abff
```
#57abff rgb(87,171,255)
```
#6bb5ff
```
#6bb5ff rgb(107,181,255)
```
#7fbeff
```
#7fbeff rgb(127,190,255)
```
#92c8ff
```
#92c8ff rgb(146,200,255)
```
#a6d2ff
```
#a6d2ff rgb(166,210,255)
```
#b9dcff
```
#b9dcff rgb(185,220,255)
```
#cde6ff
```
#cde6ff rgb(205,230,255)
```
#e1f0ff
```
#e1f0ff rgb(225,240,255)
```
#f4faff
```
#f4faff rgb(244,250,255)
```

Tint Color Variation

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

#5f666e
```
#5f666e rgb(95,102,110)
```
#576676
```
#576676 rgb(87,102,118)
```
#4f667e
```
#4f667e rgb(79,102,126)
```
#476686
```
#476686 rgb(71,102,134)
```
#3f668e
```
#3f668e rgb(63,102,142)
```
#376696
```
#376696 rgb(55,102,150)
```
#2f669e
```
#2f669e rgb(47,102,158)
```
#2766a6
```
#2766a6 rgb(39,102,166)
```
#2066ad
```
#2066ad rgb(32,102,173)
```
#1866b5
```
#1866b5 rgb(24,102,181)
```
#1066bd
```
#1066bd rgb(16,102,189)
```
#0866c5
```
#0866c5 rgb(8,102,197)
```
#0066cd
```
#0066cd rgb(0,102,205)
```

Tone Color Variation

Below, you can see how #0066cd 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
#42576b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a6cce Protanopia 1% of men
#0072bb Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#1b6acd Protanomaly 1% of men, 0.01% of women
#006dc1 Deuteranomaly 6% of men, 0.4% of women
#00739d Tritanomaly 0.01% of the population

#0066cd hex color

#0066cd Color Information

#0066cd Color Conversion

Color Schemes with #0066cd

Alternatives to #0066cd

#0066cd Preview

Shades and Tints of #0066cd

Tones of #0066cd

Color Blindness Simulator