#066bb4 hex color

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

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

● #066bb4 color description : Strong blue.

The hexadecimal color #066bb4 has RGB values of R:6, G:107, B:180 and CMYK values of C:0.97, M:0.41, Y:0, K:0.29. Its decimal value is 420788.

Hex triplet	066bb4	`#066bb4`
RGB Decimal	6, 107, 180	`rgb(6,107,180)`
RGB Percent	2.4, 42, 70.6	`rgb(2.4%,42%,70.6%)`
CMYK	97, 41, 0, 29
HSL	205.2°, 93.5, 36.5	`hsl(205.2,93.5%,36.5%)`
HSV (or HSB)	205.2°, 96.7, 70.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	44.014, 2.638, -45.651
XYZ	13.569, 13.848, 45.135
xyY	0.187, 0.191, 13.848
CIE-LCH	44.014, 45.728, 273.308
CIE-LUV	44.014, -26.135, -68.048
Hunter-Lab	37.213, -0.036, -45.863
Binary	00000110, 01101011, 10110100

#066bb4
```
#066bb4 rgb(6,107,180)
```
#b44f06
```
#b44f06 rgb(180,79,6)
```

Complementary Color

#06b4a6
```
#06b4a6 rgb(6,180,166)
```
#066bb4
```
#066bb4 rgb(6,107,180)
```
#0614b4
```
#0614b4 rgb(6,20,180)
```

Analogous Color

#b4a606
```
#b4a606 rgb(180,166,6)
```
#066bb4
```
#066bb4 rgb(6,107,180)
```
#b40614
```
#b40614 rgb(180,6,20)
```

Split Complementary Color

#6bb406
```
#6bb406 rgb(107,180,6)
```
#066bb4
```
#066bb4 rgb(6,107,180)
```
#b4066b
```
#b4066b rgb(180,6,107)
```

Triadic Color

#06b44f
```
#06b44f rgb(6,180,79)
```
#066bb4
```
#066bb4 rgb(6,107,180)
```
#b4066b
```
#b4066b rgb(180,6,107)
```
#b44f06
```
#b44f06 rgb(180,79,6)
```

Tetradic Color

#043f6a
```
#043f6a rgb(4,63,106)
```
#044e83
```
#044e83 rgb(4,78,131)
```
#055c9b
```
#055c9b rgb(5,92,155)
```
#066bb4
```
#066bb4 rgb(6,107,180)
```
#077acd
```
#077acd rgb(7,122,205)
```
#0888e5
```
#0888e5 rgb(8,136,229)
```
#0f96f7
```
#0f96f7 rgb(15,150,247)
```

Monochromatic Color

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

#0697b4
```
#0697b4 rgb(6,151,180)
```
#0688b4
```
#0688b4 rgb(6,136,180)
```
#067ab4
```
#067ab4 rgb(6,122,180)
```
#066bb4
```
#066bb4 rgb(6,107,180)
```
#065db4
```
#065db4 rgb(6,93,180)
```
#064eb4
```
#064eb4 rgb(6,78,180)
```
#0640b4
```
#0640b4 rgb(6,64,180)
```

Similar Colors

Text with hexadecimal color #066bb4

This text has a font color of #066bb4.

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

#066bb4 background color

This paragraph has a background color of #066bb4.

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

#066bb4 border color

This element has a border color of #066bb4.

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

CSS codes

.text {color:#066bb4;}

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

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

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)
```
#022742
```
#022742 rgb(2,39,66)
```
#033355
```
#033355 rgb(3,51,85)
```
#033e68
```
#033e68 rgb(3,62,104)
```
#04497b
```
#04497b rgb(4,73,123)
```
#05548e
```
#05548e rgb(5,84,142)
```
#0560a1
```
#0560a1 rgb(5,96,161)
```
#066bb4
```
#066bb4 rgb(6,107,180)
```
#0776c7
```
#0776c7 rgb(7,118,199)
```
#0782da
```
#0782da rgb(7,130,218)
```
#088ded
```
#088ded rgb(8,141,237)
```

Shade Color Variation

#1197f7
```
#1197f7 rgb(17,151,247)
```
#249ff8
```
#249ff8 rgb(36,159,248)
```
#37a7f8
```
#37a7f8 rgb(55,167,248)
```
#4ab0f9
```
#4ab0f9 rgb(74,176,249)
```
#5db8fa
```
#5db8fa rgb(93,184,250)
```
#70c0fa
```
#70c0fa rgb(112,192,250)
```
#83c9fb
```
#83c9fb rgb(131,201,251)
```
#96d1fc
```
#96d1fc rgb(150,209,252)
```
#a9d9fc
```
#a9d9fc rgb(169,217,252)
```
#bce2fd
```
#bce2fd rgb(188,226,253)
```
#cfeafd
```
#cfeafd rgb(207,234,253)
```
#e2f2fe
```
#e2f2fe rgb(226,242,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 #066bb4 is the most saturated one.

#5c5d5e
```
#5c5d5e rgb(92,93,94)
```
#555e65
```
#555e65 rgb(85,94,101)
```
#4e5f6c
```
#4e5f6c rgb(78,95,108)
```
#466174
```
#466174 rgb(70,97,116)
```
#3f627b
```
#3f627b rgb(63,98,123)
```
#386382
```
#386382 rgb(56,99,130)
```
#316489
```
#316489 rgb(49,100,137)
```
#2a6590
```
#2a6590 rgb(42,101,144)
```
#236697
```
#236697 rgb(35,102,151)
```
#1b689f
```
#1b689f rgb(27,104,159)
```
#1469a6
```
#1469a6 rgb(20,105,166)
```
#0d6aad
```
#0d6aad rgb(13,106,173)
```
#066bb4
```
#066bb4 rgb(6,107,180)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#455968 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f6db3 Protanopia 1% of men
#2d71b8 Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#346cb3 Protanomaly 1% of men, 0.01% of women
#1e6eb6 Deuteranomaly 6% of men, 0.4% of women
#027594 Tritanomaly 0.01% of the population

#066bb4 hex color

#066bb4 Color Information

#066bb4 Color Conversion

Color Schemes with #066bb4

Alternatives to #066bb4

#066bb4 Preview

Shades and Tints of #066bb4

Tones of #066bb4

Color Blindness Simulator