#066cd0 hex color

In a RGB color space, hex #066cd0 is composed of 2.4% red, 42.4% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 48.1% magenta, 0% yellow and 18.4% black. It has a hue angle of 209.7 degrees, a saturation of 94.4% and a lightness of 42%. #066cd0 color hex could be obtained by blending #0cd8ff with #0000a1. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 42
- B 82
RGB color chart
- C 97
- M 48
- Y 0
- K 18
CMYK color chart

● #066cd0 color description : Strong blue.

The hexadecimal color #066cd0 has RGB values of R:6, G:108, B:208 and CMYK values of C:0.97, M:0.48, Y:0, K:0.18. Its decimal value is 421072.

Hex triplet	066cd0	`#066cd0`
RGB Decimal	6, 108, 208	`rgb(6,108,208)`
RGB Percent	2.4, 42.4, 81.6	`rgb(2.4%,42.4%,81.6%)`
CMYK	97, 48, 0, 18
HSL	209.7°, 94.4, 42	`hsl(209.7,94.4%,42%)`
HSV (or HSB)	209.7°, 97.1, 81.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	46.065, 13.197, -58.531
XYZ	16.82, 15.316, 61.741
xyY	0.179, 0.163, 15.316
CIE-LCH	46.065, 60.001, 282.706
CIE-LUV	46.065, -25.163, -89.28
Hunter-Lab	39.136, 8.229, -66.14
Binary	00000110, 01101100, 11010000

#066cd0
```
#066cd0 rgb(6,108,208)
```
#d06a06
```
#d06a06 rgb(208,106,6)
```

Complementary Color

#06d0cf
```
#06d0cf rgb(6,208,207)
```
#066cd0
```
#066cd0 rgb(6,108,208)
```
#0607d0
```
#0607d0 rgb(6,7,208)
```

Analogous Color

#d0cf06
```
#d0cf06 rgb(208,207,6)
```
#066cd0
```
#066cd0 rgb(6,108,208)
```
#d00607
```
#d00607 rgb(208,6,7)
```

Split Complementary Color

#6cd006
```
#6cd006 rgb(108,208,6)
```
#066cd0
```
#066cd0 rgb(6,108,208)
```
#d0066c
```
#d0066c rgb(208,6,108)
```

Triadic Color

#06d06a
```
#06d06a rgb(6,208,106)
```
#066cd0
```
#066cd0 rgb(6,108,208)
```
#d0066c
```
#d0066c rgb(208,6,108)
```
#d06a06
```
#d06a06 rgb(208,106,6)
```

Tetradic Color

#044586
```
#044586 rgb(4,69,134)
```
#05529e
```
#05529e rgb(5,82,158)
```
#055fb7
```
#055fb7 rgb(5,95,183)
```
#066cd0
```
#066cd0 rgb(6,108,208)
```
#0779e9
```
#0779e9 rgb(7,121,233)
```
#1186f8
```
#1186f8 rgb(17,134,248)
```
#2a92f9
```
#2a92f9 rgb(42,146,249)
```

Monochromatic Color

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

#069fd0
```
#069fd0 rgb(6,159,208)
```
#068ed0
```
#068ed0 rgb(6,142,208)
```
#067dd0
```
#067dd0 rgb(6,125,208)
```
#066cd0
```
#066cd0 rgb(6,108,208)
```
#065bd0
```
#065bd0 rgb(6,91,208)
```
#064ad0
```
#064ad0 rgb(6,74,208)
```
#063ad0
```
#063ad0 rgb(6,58,208)
```

Similar Colors

Text with hexadecimal color #066cd0

This text has a font color of #066cd0.

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

#066cd0 background color

This paragraph has a background color of #066cd0.

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

#066cd0 border color

This element has a border color of #066cd0.

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

CSS codes

.text {color:#066cd0;}

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

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

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

#010911
```
#010911 rgb(1,9,17)
```
#011324
```
#011324 rgb(1,19,36)
```
#021d37
```
#021d37 rgb(2,29,55)
```
#02274b
```
#02274b rgb(2,39,75)
```
#03315e
```
#03315e rgb(3,49,94)
```
#033b71
```
#033b71 rgb(3,59,113)
```
#044484
```
#044484 rgb(4,68,132)
```
#044e97
```
#044e97 rgb(4,78,151)
```
#0558aa
```
#0558aa rgb(5,88,170)
```
#0562bd
```
#0562bd rgb(5,98,189)
```
#066cd0
```
#066cd0 rgb(6,108,208)
```
#0776e3
```
#0776e3 rgb(7,118,227)
```
#0780f6
```
#0780f6 rgb(7,128,246)
```

Shade Color Variation

#188af8
```
#188af8 rgb(24,138,248)
```
#2c93f9
```
#2c93f9 rgb(44,147,249)
```
#3f9df9
```
#3f9df9 rgb(63,157,249)
```
#52a7fa
```
#52a7fa rgb(82,167,250)
```
#65b0fb
```
#65b0fb rgb(101,176,251)
```
#78bafb
```
#78bafb rgb(120,186,251)
```
#8bc4fc
```
#8bc4fc rgb(139,196,252)
```
#9ecefc
```
#9ecefc rgb(158,206,252)
```
#b1d7fd
```
#b1d7fd rgb(177,215,253)
```
#c4e1fd
```
#c4e1fd rgb(196,225,253)
```
#d7ebfe
```
#d7ebfe rgb(215,235,254)
```
#eaf4fe
```
#eaf4fe rgb(234,244,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#696b6d
```
#696b6d rgb(105,107,109)
```
#616b75
```
#616b75 rgb(97,107,117)
```
#586b7e
```
#586b7e rgb(88,107,126)
```
#506b86
```
#506b86 rgb(80,107,134)
```
#486b8e
```
#486b8e rgb(72,107,142)
```
#406b96
```
#406b96 rgb(64,107,150)
```
#376c9f
```
#376c9f rgb(55,108,159)
```
#2f6ca7
```
#2f6ca7 rgb(47,108,167)
```
#276caf
```
#276caf rgb(39,108,175)
```
#1f6cb7
```
#1f6cb7 rgb(31,108,183)
```
#166cc0
```
#166cc0 rgb(22,108,192)
```
#0e6cc8
```
#0e6cc8 rgb(14,108,200)
```
#066cd0
```
#066cd0 rgb(6,108,208)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#485d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3971d0 Protanopia 1% of men
#0077c3 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#266fd0 Protanomaly 1% of men, 0.01% of women
#0273c8 Deuteranomaly 6% of men, 0.4% of women
#0278a1 Tritanomaly 0.01% of the population

#066cd0 hex color

#066cd0 Color Information

#066cd0 Color Conversion

Color Schemes with #066cd0

Alternatives to #066cd0

#066cd0 Preview

Shades and Tints of #066cd0

Tones of #066cd0

Color Blindness Simulator