#006cc2 hex color

In a RGB color space, hex #006cc2 is composed of 0% red, 42.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 44.3% magenta, 0% yellow and 23.9% black. It has a hue angle of 206.6 degrees, a saturation of 100% and a lightness of 38%. #006cc2 color hex could be obtained by blending #00d8ff with #000085. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 42
- B 76
RGB color chart
- C 100
- M 44
- Y 0
- K 24
CMYK color chart

● #006cc2 color description : Strong blue.

The hexadecimal color #006cc2 has RGB values of R:0, G:108, B:194 and CMYK values of C:1, M:0.44, Y:0, K:0.24. Its decimal value is 27842.

Hex triplet	006cc2	`#006cc2`
RGB Decimal	0, 108, 194	`rgb(0,108,194)`
RGB Percent	0, 42.4, 76.1	`rgb(0%,42.4%,76.1%)`
CMYK	100, 44, 0, 24
HSL	206.6°, 100, 38	`hsl(206.6,100%,38%)`
HSV (or HSB)	206.6°, 100, 76.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.108, 7.393, -52.03
XYZ	15.098, 14.619, 53.062
xyY	0.182, 0.177, 14.619
CIE-LCH	45.108, 52.553, 278.088
CIE-LUV	45.108, -26.031, -78.599
Hunter-Lab	38.234, 3.575, -55.519
Binary	00000000, 01101100, 11000010

#006cc2
```
#006cc2 rgb(0,108,194)
```
#c25600
```
#c25600 rgb(194,86,0)
```

Complementary Color

#00c2b7
```
#00c2b7 rgb(0,194,183)
```
#006cc2
```
#006cc2 rgb(0,108,194)
```
#000bc2
```
#000bc2 rgb(0,11,194)
```

Analogous Color

#c2b700
```
#c2b700 rgb(194,183,0)
```
#006cc2
```
#006cc2 rgb(0,108,194)
```
#c2000b
```
#c2000b rgb(194,0,11)
```

Split Complementary Color

#6cc200
```
#6cc200 rgb(108,194,0)
```
#006cc2
```
#006cc2 rgb(0,108,194)
```
#c2006c
```
#c2006c rgb(194,0,108)
```

Triadic Color

#00c256
```
#00c256 rgb(0,194,86)
```
#006cc2
```
#006cc2 rgb(0,108,194)
```
#c2006c
```
#c2006c rgb(194,0,108)
```
#c25600
```
#c25600 rgb(194,86,0)
```

Tetradic Color

#004176
```
#004176 rgb(0,65,118)
```
#00508f
```
#00508f rgb(0,80,143)
```
#005ea9
```
#005ea9 rgb(0,94,169)
```
#006cc2
```
#006cc2 rgb(0,108,194)
```
#007adc
```
#007adc rgb(0,122,220)
```
#0088f5
```
#0088f5 rgb(0,136,245)
```
#1095ff
```
#1095ff rgb(16,149,255)
```

Monochromatic Color

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

#009dc2
```
#009dc2 rgb(0,157,194)
```
#008cc2
```
#008cc2 rgb(0,140,194)
```
#007cc2
```
#007cc2 rgb(0,124,194)
```
#006cc2
```
#006cc2 rgb(0,108,194)
```
#005cc2
```
#005cc2 rgb(0,92,194)
```
#004cc2
```
#004cc2 rgb(0,76,194)
```
#003bc2
```
#003bc2 rgb(0,59,194)
```

Similar Colors

Text with hexadecimal color #006cc2

This text has a font color of #006cc2.

<span style="color:#006cc2;">Text here</span>

#006cc2 background color

This paragraph has a background color of #006cc2.

<p style="background-color:#006cc2;">Content here</p>

#006cc2 border color

This element has a border color of #006cc2.

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

CSS codes

.text {color:#006cc2;}

.background {background-color:#006cc2;}

.border {border:1px solid #006cc2;}

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

#000a11
```
#000a11 rgb(0,10,17)
```
#001525
```
#001525 rgb(0,21,37)
```
#002039
```
#002039 rgb(0,32,57)
```
#002a4c
```
#002a4c rgb(0,42,76)
```
#003560
```
#003560 rgb(0,53,96)
```
#004074
```
#004074 rgb(0,64,116)
```
#004b87
```
#004b87 rgb(0,75,135)
```
#00569b
```
#00569b rgb(0,86,155)
```
#0061ae
```
#0061ae rgb(0,97,174)
```
#006cc2
```
#006cc2 rgb(0,108,194)
```
#0077d6
```
#0077d6 rgb(0,119,214)
```
#0082e9
```
#0082e9 rgb(0,130,233)
```
#008dfd
```
#008dfd rgb(0,141,253)
```

Shade Color Variation

#1196ff
```
#1196ff rgb(17,150,255)
```
#259eff
```
#259eff rgb(37,158,255)
```
#39a7ff
```
#39a7ff rgb(57,167,255)
```
#4cb0ff
```
#4cb0ff rgb(76,176,255)
```
#60b8ff
```
#60b8ff rgb(96,184,255)
```
#74c1ff
```
#74c1ff rgb(116,193,255)
```
#87caff
```
#87caff rgb(135,202,255)
```
#9bd3ff
```
#9bd3ff rgb(155,211,255)
```
#aedbff
```
#aedbff rgb(174,219,255)
```
#c2e4ff
```
#c2e4ff rgb(194,228,255)
```
#d6edff
```
#d6edff rgb(214,237,255)
```
#e9f5ff
```
#e9f5ff rgb(233,245,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#5a6268
```
#5a6268 rgb(90,98,104)
```
#526370
```
#526370 rgb(82,99,112)
```
#4b6477
```
#4b6477 rgb(75,100,119)
```
#43647f
```
#43647f rgb(67,100,127)
```
#3c6586
```
#3c6586 rgb(60,101,134)
```
#34668e
```
#34668e rgb(52,102,142)
```
#2d6795
```
#2d6795 rgb(45,103,149)
```
#25689d
```
#25689d rgb(37,104,157)
```
#1e69a4
```
#1e69a4 rgb(30,105,164)
```
#1669ac
```
#1669ac rgb(22,105,172)
```
#0f6ab3
```
#0f6ab3 rgb(15,106,179)
```
#076bbb
```
#076bbb rgb(7,107,187)
```
#006cc2
```
#006cc2 rgb(0,108,194)
```

Tone Color Variation

Below, you can see how #006cc2 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
#455a6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#476fc1 Protanopia 1% of men
#0074c1 Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#2d6ec1 Protanomaly 1% of men, 0.01% of women
#0071c1 Deuteranomaly 6% of men, 0.4% of women
#00779b Tritanomaly 0.01% of the population

#006cc2 hex color

#006cc2 Color Information

#006cc2 Color Conversion

Color Schemes with #006cc2

Alternatives to #006cc2

#006cc2 Preview

Shades and Tints of #006cc2

Tones of #006cc2

Color Blindness Simulator