#066ba4 hex color

In a RGB color space, hex #066ba4 is composed of 2.4% red, 42% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 96.3% cyan, 34.8% magenta, 0% yellow and 35.7% black. It has a hue angle of 201.6 degrees, a saturation of 92.9% and a lightness of 33.3%. #066ba4 color hex could be obtained by blending #0cd6ff with #000049. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 42
- B 64
RGB color chart
- C 96
- M 35
- Y 0
- K 36
CMYK color chart

● #066ba4 color description : Dark blue.

The hexadecimal color #066ba4 has RGB values of R:6, G:107, B:164 and CMYK values of C:0.96, M:0.35, Y:0, K:0.36. Its decimal value is 420772.

Hex triplet	066ba4	`#066ba4`
RGB Decimal	6, 107, 164	`rgb(6,107,164)`
RGB Percent	2.4, 42, 64.3	`rgb(2.4%,42%,64.3%)`
CMYK	96, 35, 0, 36
HSL	201.6°, 92.9, 33.3	`hsl(201.6,92.9%,33.3%)`
HSV (or HSB)	201.6°, 96.3, 64.3
Web Safe	006699	`#006699`

CIE-LAB	43.113, -3.741, -37.697
XYZ	12.032, 13.233, 37.04
xyY	0.193, 0.212, 13.233
CIE-LCH	43.113, 37.882, 264.333
CIE-LUV	43.113, -27.021, -54.96
Hunter-Lab	36.378, -4.621, -34.905
Binary	00000110, 01101011, 10100100

#066ba4
```
#066ba4 rgb(6,107,164)
```
#a43f06
```
#a43f06 rgb(164,63,6)
```

Complementary Color

#06a48e
```
#06a48e rgb(6,164,142)
```
#066ba4
```
#066ba4 rgb(6,107,164)
```
#061ca4
```
#061ca4 rgb(6,28,164)
```

Analogous Color

#a48e06
```
#a48e06 rgb(164,142,6)
```
#066ba4
```
#066ba4 rgb(6,107,164)
```
#a4061c
```
#a4061c rgb(164,6,28)
```

Split Complementary Color

#6ba406
```
#6ba406 rgb(107,164,6)
```
#066ba4
```
#066ba4 rgb(6,107,164)
```
#a4066b
```
#a4066b rgb(164,6,107)
```

Triadic Color

#06a43f
```
#06a43f rgb(6,164,63)
```
#066ba4
```
#066ba4 rgb(6,107,164)
```
#a4066b
```
#a4066b rgb(164,6,107)
```
#a43f06
```
#a43f06 rgb(164,63,6)
```

Tetradic Color

#033b5a
```
#033b5a rgb(3,59,90)
```
#044b73
```
#044b73 rgb(4,75,115)
```
#055b8b
```
#055b8b rgb(5,91,139)
```
#066ba4
```
#066ba4 rgb(6,107,164)
```
#077bbd
```
#077bbd rgb(7,123,189)
```
#088bd5
```
#088bd5 rgb(8,139,213)
```
#099bee
```
#099bee rgb(9,155,238)
```

Monochromatic Color

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

#0693a4
```
#0693a4 rgb(6,147,164)
```
#0685a4
```
#0685a4 rgb(6,133,164)
```
#0678a4
```
#0678a4 rgb(6,120,164)
```
#066ba4
```
#066ba4 rgb(6,107,164)
```
#065ea4
```
#065ea4 rgb(6,94,164)
```
#0651a4
```
#0651a4 rgb(6,81,164)
```
#0644a4
```
#0644a4 rgb(6,68,164)
```

Similar Colors

Text with hexadecimal color #066ba4

This text has a font color of #066ba4.

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

#066ba4 background color

This paragraph has a background color of #066ba4.

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

#066ba4 border color

This element has a border color of #066ba4.

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

CSS codes

.text {color:#066ba4;}

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

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

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, #00080d is the darkest color, while #f9fdff is the lightest one.

#00080d
```
#00080d rgb(0,8,13)
```
#011520
```
#011520 rgb(1,21,32)
```
#022132
```
#022132 rgb(2,33,50)
```
#032d45
```
#032d45 rgb(3,45,69)
```
#033a58
```
#033a58 rgb(3,58,88)
```
#04466b
```
#04466b rgb(4,70,107)
```
#05527e
```
#05527e rgb(5,82,126)
```
#055f91
```
#055f91 rgb(5,95,145)
```
#066ba4
```
#066ba4 rgb(6,107,164)
```
#0777b7
```
#0777b7 rgb(7,119,183)
```
#0784ca
```
#0784ca rgb(7,132,202)
```
#0890dd
```
#0890dd rgb(8,144,221)
```
#099cf0
```
#099cf0 rgb(9,156,240)
```

Shade Color Variation

#16a5f6
```
#16a5f6 rgb(22,165,246)
```
#29adf7
```
#29adf7 rgb(41,173,247)
```
#3bb4f8
```
#3bb4f8 rgb(59,180,248)
```
#4ebbf9
```
#4ebbf9 rgb(78,187,249)
```
#61c2f9
```
#61c2f9 rgb(97,194,249)
```
#74cafa
```
#74cafa rgb(116,202,250)
```
#87d1fb
```
#87d1fb rgb(135,209,251)
```
#9ad8fb
```
#9ad8fb rgb(154,216,251)
```
#ade0fc
```
#ade0fc rgb(173,224,252)
```
#c0e7fd
```
#c0e7fd rgb(192,231,253)
```
#d3eefd
```
#d3eefd rgb(211,238,253)
```
#e6f5fe
```
#e6f5fe rgb(230,245,254)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#545556
```
#545556 rgb(84,85,86)
```
#4e575c
```
#4e575c rgb(78,87,92)
```
#475963
```
#475963 rgb(71,89,99)
```
#415b69
```
#415b69 rgb(65,91,105)
```
#3a5c70
```
#3a5c70 rgb(58,92,112)
```
#345e76
```
#345e76 rgb(52,94,118)
```
#2d607d
```
#2d607d rgb(45,96,125)
```
#276283
```
#276283 rgb(39,98,131)
```
#20648a
```
#20648a rgb(32,100,138)
```
#1a6690
```
#1a6690 rgb(26,102,144)
```
#136797
```
#136797 rgb(19,103,151)
```
#0d699d
```
#0d699d rgb(13,105,157)
```
#066ba4
```
#066ba4 rgb(6,107,164)
```

Tone Color Variation

Below, you can see how #066ba4 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
#445863 Atypical Achromatopsia 0.001% of the population

Dichromacy

#576ba3 Protanopia 1% of men
#446eaa Deuteranopia 1% of men
#007880 Tritanopia 0.001% of the population

Trichromacy

#3a6ba3 Protanomaly 1% of men, 0.01% of women
#2d6da8 Deuteranomaly 6% of men, 0.4% of women
#02738d Tritanomaly 0.01% of the population

#066ba4 hex color

#066ba4 Color Information

#066ba4 Color Conversion

Color Schemes with #066ba4

Alternatives to #066ba4

#066ba4 Preview

Shades and Tints of #066ba4

Tones of #066ba4

Color Blindness Simulator