#0066bb hex color

In a RGB color space, hex #0066bb is composed of 0% red, 40% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 45.5% magenta, 0% yellow and 26.7% black. It has a hue angle of 207.3 degrees, a saturation of 100% and a lightness of 36.7%. #0066bb color hex could be obtained by blending #00ccff with #000077. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 40
- B 73
RGB color chart
- C 100
- M 45
- Y 0
- K 27
CMYK color chart

● #0066bb color description : Strong blue.

The hexadecimal color #0066bb has RGB values of R:0, G:102, B:187 and CMYK values of C:1, M:0.45, Y:0, K:0.27. Its decimal value is 26299.

Hex triplet	0066bb	`#0066bb`
RGB Decimal	0, 102, 187	`rgb(0,102,187)`
RGB Percent	0, 40, 73.3	`rgb(0%,40%,73.3%)`
CMYK	100, 45, 0, 27
HSL	207.3°, 100, 36.7	`hsl(207.3,100%,36.7%)`
HSV (or HSB)	207.3°, 100, 73.3
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.898, 8.411, -51.523
XYZ	13.719, 13.089, 48.814
xyY	0.181, 0.173, 13.089
CIE-LCH	42.898, 52.205, 279.271
CIE-LUV	42.898, -24.488, -76.898
Hunter-Lab	36.179, 4.373, -54.671
Binary	00000000, 01100110, 10111011

#0066bb
```
#0066bb rgb(0,102,187)
```
#bb5500
```
#bb5500 rgb(187,85,0)
```

Complementary Color

#00bbb3
```
#00bbb3 rgb(0,187,179)
```
#0066bb
```
#0066bb rgb(0,102,187)
```
#0009bb
```
#0009bb rgb(0,9,187)
```

Analogous Color

#bbb300
```
#bbb300 rgb(187,179,0)
```
#0066bb
```
#0066bb rgb(0,102,187)
```
#bb0009
```
#bb0009 rgb(187,0,9)
```

Split Complementary Color

#66bb00
```
#66bb00 rgb(102,187,0)
```
#0066bb
```
#0066bb rgb(0,102,187)
```
#bb0066
```
#bb0066 rgb(187,0,102)
```

Triadic Color

#00bb55
```
#00bb55 rgb(0,187,85)
```
#0066bb
```
#0066bb rgb(0,102,187)
```
#bb0066
```
#bb0066 rgb(187,0,102)
```
#bb5500
```
#bb5500 rgb(187,85,0)
```

Tetradic Color

#003c6f
```
#003c6f rgb(0,60,111)
```
#004a88
```
#004a88 rgb(0,74,136)
```
#0058a2
```
#0058a2 rgb(0,88,162)
```
#0066bb
```
#0066bb rgb(0,102,187)
```
#0074d5
```
#0074d5 rgb(0,116,213)
```
#0082ee
```
#0082ee rgb(0,130,238)
```
#088fff
```
#088fff rgb(8,143,255)
```

Monochromatic Color

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

#0095bb
```
#0095bb rgb(0,149,187)
```
#0085bb
```
#0085bb rgb(0,133,187)
```
#0076bb
```
#0076bb rgb(0,118,187)
```
#0066bb
```
#0066bb rgb(0,102,187)
```
#0056bb
```
#0056bb rgb(0,86,187)
```
#0047bb
```
#0047bb rgb(0,71,187)
```
#0037bb
```
#0037bb rgb(0,55,187)
```

Similar Colors

Text with hexadecimal color #0066bb

This text has a font color of #0066bb.

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

#0066bb background color

This paragraph has a background color of #0066bb.

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

#0066bb border color

This element has a border color of #0066bb.

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

CSS codes

.text {color:#0066bb;}

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

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

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

#00060a
```
#00060a rgb(0,6,10)
```
#00101e
```
#00101e rgb(0,16,30)
```
#001b32
```
#001b32 rgb(0,27,50)
```
#002645
```
#002645 rgb(0,38,69)
```
#003159
```
#003159 rgb(0,49,89)
```
#003b6d
```
#003b6d rgb(0,59,109)
```
#004680
```
#004680 rgb(0,70,128)
```
#005194
```
#005194 rgb(0,81,148)
```
#005ba7
```
#005ba7 rgb(0,91,167)
```
#0066bb
```
#0066bb rgb(0,102,187)
```
#0071cf
```
#0071cf rgb(0,113,207)
```
#007be2
```
#007be2 rgb(0,123,226)
```
#0086f6
```
#0086f6 rgb(0,134,246)
```

Shade Color Variation

#0a90ff
```
#0a90ff rgb(10,144,255)
```
#1e99ff
```
#1e99ff rgb(30,153,255)
```
#32a2ff
```
#32a2ff rgb(50,162,255)
```
#45abff
```
#45abff rgb(69,171,255)
```
#59b4ff
```
#59b4ff rgb(89,180,255)
```
#6dbcff
```
#6dbcff rgb(109,188,255)
```
#80c5ff
```
#80c5ff rgb(128,197,255)
```
#94ceff
```
#94ceff rgb(148,206,255)
```
#a7d7ff
```
#a7d7ff rgb(167,215,255)
```
#bbe0ff
```
#bbe0ff rgb(187,224,255)
```
#cfe9ff
```
#cfe9ff rgb(207,233,255)
```
#e2f2ff
```
#e2f2ff rgb(226,242,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#565e65
```
#565e65 rgb(86,94,101)
```
#4f5f6c
```
#4f5f6c rgb(79,95,108)
```
#485f73
```
#485f73 rgb(72,95,115)
```
#41607a
```
#41607a rgb(65,96,122)
```
#3a6181
```
#3a6181 rgb(58,97,129)
```
#326189
```
#326189 rgb(50,97,137)
```
#2b6290
```
#2b6290 rgb(43,98,144)
```
#246397
```
#246397 rgb(36,99,151)
```
#1d639e
```
#1d639e rgb(29,99,158)
```
#1664a5
```
#1664a5 rgb(22,100,165)
```
#0e65ad
```
#0e65ad rgb(14,101,173)
```
#0765b4
```
#0765b4 rgb(7,101,180)
```
#0066bb
```
#0066bb rgb(0,102,187)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#415566 Atypical Achromatopsia 0.001% of the population

Dichromacy

#416abb Protanopia 1% of men
#006fb8 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#2968bb Protanomaly 1% of men, 0.01% of women
#006bb9 Deuteranomaly 6% of men, 0.4% of women
#007194 Tritanomaly 0.01% of the population

#0066bb hex color

#0066bb Color Information

#0066bb Color Conversion

Color Schemes with #0066bb

Alternatives to #0066bb

#0066bb Preview

Shades and Tints of #0066bb

Tones of #0066bb

Color Blindness Simulator