#066cb4 hex color

In a RGB color space, hex #066cb4 is composed of 2.4% red, 42.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 96.7% cyan, 40% magenta, 0% yellow and 29.4% black. It has a hue angle of 204.8 degrees, a saturation of 93.5% and a lightness of 36.5%. #066cb4 color hex could be obtained by blending #0cd8ff with #000069. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 42
- B 71
RGB color chart
- C 97
- M 40
- Y 0
- K 29
CMYK color chart

● #066cb4 color description : Strong blue.

The hexadecimal color #066cb4 has RGB values of R:6, G:108, B:180 and CMYK values of C:0.97, M:0.4, Y:0, K:0.29. Its decimal value is 421044.

Hex triplet	066cb4	`#066cb4`
RGB Decimal	6, 108, 180	`rgb(6,108,180)`
RGB Percent	2.4, 42.4, 70.6	`rgb(2.4%,42.4%,70.6%)`
CMYK	97, 40, 0, 29
HSL	204.8°, 93.5, 36.5	`hsl(204.8,93.5%,36.5%)`
HSV (or HSB)	204.8°, 96.7, 70.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	44.316, 2.01, -45.17
XYZ	13.674, 14.058, 45.17
xyY	0.188, 0.193, 14.058
CIE-LCH	44.316, 45.215, 272.548
CIE-LUV	44.316, -26.46, -67.37
Hunter-Lab	37.494, -0.515, -45.183
Binary	00000110, 01101100, 10110100

#066cb4
```
#066cb4 rgb(6,108,180)
```
#b44e06
```
#b44e06 rgb(180,78,6)
```

Complementary Color

#06b4a5
```
#06b4a5 rgb(6,180,165)
```
#066cb4
```
#066cb4 rgb(6,108,180)
```
#0615b4
```
#0615b4 rgb(6,21,180)
```

Analogous Color

#b4a506
```
#b4a506 rgb(180,165,6)
```
#066cb4
```
#066cb4 rgb(6,108,180)
```
#b40615
```
#b40615 rgb(180,6,21)
```

Split Complementary Color

#6cb406
```
#6cb406 rgb(108,180,6)
```
#066cb4
```
#066cb4 rgb(6,108,180)
```
#b4066c
```
#b4066c rgb(180,6,108)
```

Triadic Color

#06b44e
```
#06b44e rgb(6,180,78)
```
#066cb4
```
#066cb4 rgb(6,108,180)
```
#b4066c
```
#b4066c rgb(180,6,108)
```
#b44e06
```
#b44e06 rgb(180,78,6)
```

Tetradic Color

#04406a
```
#04406a rgb(4,64,106)
```
#044e83
```
#044e83 rgb(4,78,131)
```
#055d9b
```
#055d9b rgb(5,93,155)
```
#066cb4
```
#066cb4 rgb(6,108,180)
```
#077bcd
```
#077bcd rgb(7,123,205)
```
#088ae5
```
#088ae5 rgb(8,138,229)
```
#0f97f7
```
#0f97f7 rgb(15,151,247)
```

Monochromatic Color

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

#0698b4
```
#0698b4 rgb(6,152,180)
```
#0689b4
```
#0689b4 rgb(6,137,180)
```
#067bb4
```
#067bb4 rgb(6,123,180)
```
#066cb4
```
#066cb4 rgb(6,108,180)
```
#065db4
```
#065db4 rgb(6,93,180)
```
#064fb4
```
#064fb4 rgb(6,79,180)
```
#0640b4
```
#0640b4 rgb(6,64,180)
```

Similar Colors

Text with hexadecimal color #066cb4

This text has a font color of #066cb4.

<span style="color:#066cb4;">Text here</span>

#066cb4 background color

This paragraph has a background color of #066cb4.

<p style="background-color:#066cb4;">Content here</p>

#066cb4 border color

This element has a border color of #066cb4.

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

CSS codes

.text {color:#066cb4;}

.background {background-color:#066cb4;}

.border {border:1px solid #066cb4;}

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

#000509
```
#000509 rgb(0,5,9)
```
#01111c
```
#01111c rgb(1,17,28)
```
#021c2f
```
#021c2f rgb(2,28,47)
```
#022842
```
#022842 rgb(2,40,66)
```
#033355
```
#033355 rgb(3,51,85)
```
#033e68
```
#033e68 rgb(3,62,104)
```
#044a7b
```
#044a7b rgb(4,74,123)
```
#05558e
```
#05558e rgb(5,85,142)
```
#0561a1
```
#0561a1 rgb(5,97,161)
```
#066cb4
```
#066cb4 rgb(6,108,180)
```
#0777c7
```
#0777c7 rgb(7,119,199)
```
#0783da
```
#0783da rgb(7,131,218)
```
#088eed
```
#088eed rgb(8,142,237)
```

Shade Color Variation

#1198f7
```
#1198f7 rgb(17,152,247)
```
#24a0f8
```
#24a0f8 rgb(36,160,248)
```
#37a8f8
```
#37a8f8 rgb(55,168,248)
```
#4ab1f9
```
#4ab1f9 rgb(74,177,249)
```
#5db9fa
```
#5db9fa rgb(93,185,250)
```
#70c1fa
```
#70c1fa rgb(112,193,250)
```
#83c9fb
```
#83c9fb rgb(131,201,251)
```
#96d2fc
```
#96d2fc rgb(150,210,252)
```
#a9dafc
```
#a9dafc rgb(169,218,252)
```
#bce2fd
```
#bce2fd rgb(188,226,253)
```
#cfeafd
```
#cfeafd rgb(207,234,253)
```
#e2f3fe
```
#e2f3fe rgb(226,243,254)
```
#f5fbff
```
#f5fbff rgb(245,251,255)
```

Tint Color Variation

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

#5c5d5e
```
#5c5d5e rgb(92,93,94)
```
#555e65
```
#555e65 rgb(85,94,101)
```
#4e606c
```
#4e606c rgb(78,96,108)
```
#466174
```
#466174 rgb(70,97,116)
```
#3f627b
```
#3f627b rgb(63,98,123)
```
#386382
```
#386382 rgb(56,99,130)
```
#316589
```
#316589 rgb(49,101,137)
```
#2a6690
```
#2a6690 rgb(42,102,144)
```
#236797
```
#236797 rgb(35,103,151)
```
#1b689f
```
#1b689f rgb(27,104,159)
```
#146aa6
```
#146aa6 rgb(20,106,166)
```
#0d6bad
```
#0d6bad rgb(13,107,173)
```
#066cb4
```
#066cb4 rgb(6,108,180)
```

Tone Color Variation

Below, you can see how #066cb4 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

#565656 Achromatopsia 0.005% of the population
#465a69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#516eb3 Protanopia 1% of men
#3071b8 Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#356db3 Protanomaly 1% of men, 0.01% of women
#216fb6 Deuteranomaly 6% of men, 0.4% of women
#027594 Tritanomaly 0.01% of the population

#066cb4 hex color

#066cb4 Color Information

#066cb4 Color Conversion

Color Schemes with #066cb4

Alternatives to #066cb4

#066cb4 Preview

Shades and Tints of #066cb4

Tones of #066cb4

Color Blindness Simulator