#006cb4 hex color

In a RGB color space, hex #006cb4 is composed of 0% red, 42.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 40% magenta, 0% yellow and 29.4% black. It has a hue angle of 204 degrees, a saturation of 100% and a lightness of 35.3%. #006cb4 color hex could be obtained by blending #00d8ff with #000069. Closest websafe color is: #0066cc.

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

● #006cb4 color description : Strong blue.

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

Hex triplet	006cb4	`#006cb4`
RGB Decimal	0, 108, 180	`rgb(0,108,180)`
RGB Percent	0, 42.4, 70.6	`rgb(0%,42.4%,70.6%)`
CMYK	100, 40, 0, 29
HSL	204°, 100, 35.3	`hsl(204,100%,35.3%)`
HSV (or HSB)	204°, 100, 70.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	44.26, 1.769, -45.262
XYZ	13.599, 14.019, 45.167
xyY	0.187, 0.193, 14.019
CIE-LCH	44.26, 45.296, 272.238
CIE-LUV	44.26, -26.746, -67.469
Hunter-Lab	37.442, -0.693, -45.313
Binary	00000000, 01101100, 10110100

#006cb4
```
#006cb4 rgb(0,108,180)
```
#b44800
```
#b44800 rgb(180,72,0)
```

Complementary Color

#00b4a2
```
#00b4a2 rgb(0,180,162)
```
#006cb4
```
#006cb4 rgb(0,108,180)
```
#0012b4
```
#0012b4 rgb(0,18,180)
```

Analogous Color

#b4a200
```
#b4a200 rgb(180,162,0)
```
#006cb4
```
#006cb4 rgb(0,108,180)
```
#b40012
```
#b40012 rgb(180,0,18)
```

Split Complementary Color

#6cb400
```
#6cb400 rgb(108,180,0)
```
#006cb4
```
#006cb4 rgb(0,108,180)
```
#b4006c
```
#b4006c rgb(180,0,108)
```

Triadic Color

#00b448
```
#00b448 rgb(0,180,72)
```
#006cb4
```
#006cb4 rgb(0,108,180)
```
#b4006c
```
#b4006c rgb(180,0,108)
```
#b44800
```
#b44800 rgb(180,72,0)
```

Tetradic Color

#003e68
```
#003e68 rgb(0,62,104)
```
#004d81
```
#004d81 rgb(0,77,129)
```
#005d9b
```
#005d9b rgb(0,93,155)
```
#006cb4
```
#006cb4 rgb(0,108,180)
```
#007bce
```
#007bce rgb(0,123,206)
```
#008be7
```
#008be7 rgb(0,139,231)
```
#019aff
```
#019aff rgb(1,154,255)
```

Monochromatic Color

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

#0099b4
```
#0099b4 rgb(0,153,180)
```
#008ab4
```
#008ab4 rgb(0,138,180)
```
#007bb4
```
#007bb4 rgb(0,123,180)
```
#006cb4
```
#006cb4 rgb(0,108,180)
```
#005db4
```
#005db4 rgb(0,93,180)
```
#004eb4
```
#004eb4 rgb(0,78,180)
```
#003fb4
```
#003fb4 rgb(0,63,180)
```

Similar Colors

Text with hexadecimal color #006cb4

This text has a font color of #006cb4.

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

#006cb4 background color

This paragraph has a background color of #006cb4.

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

#006cb4 border color

This element has a border color of #006cb4.

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

CSS codes

.text {color:#006cb4;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#000e17
```
#000e17 rgb(0,14,23)
```
#001a2b
```
#001a2b rgb(0,26,43)
```
#00253e
```
#00253e rgb(0,37,62)
```
#003152
```
#003152 rgb(0,49,82)
```
#003d66
```
#003d66 rgb(0,61,102)
```
#004979
```
#004979 rgb(0,73,121)
```
#00548d
```
#00548d rgb(0,84,141)
```
#0060a0
```
#0060a0 rgb(0,96,160)
```
#006cb4
```
#006cb4 rgb(0,108,180)
```
#0078c8
```
#0078c8 rgb(0,120,200)
```
#0084db
```
#0084db rgb(0,132,219)
```
#008fef
```
#008fef rgb(0,143,239)
```

Shade Color Variation

#039aff
```
#039aff rgb(3,154,255)
```
#17a2ff
```
#17a2ff rgb(23,162,255)
```
#2baaff
```
#2baaff rgb(43,170,255)
```
#3eb2ff
```
#3eb2ff rgb(62,178,255)
```
#52baff
```
#52baff rgb(82,186,255)
```
#66c2ff
```
#66c2ff rgb(102,194,255)
```
#79c9ff
```
#79c9ff rgb(121,201,255)
```
#8dd1ff
```
#8dd1ff rgb(141,209,255)
```
#a0d9ff
```
#a0d9ff rgb(160,217,255)
```
#b4e1ff
```
#b4e1ff rgb(180,225,255)
```
#c8e9ff
```
#c8e9ff rgb(200,233,255)
```
#dbf1ff
```
#dbf1ff rgb(219,241,255)
```
#eff9ff
```
#eff9ff rgb(239,249,255)
```

Tint Color Variation

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

#535b61
```
#535b61 rgb(83,91,97)
```
#4c5d68
```
#4c5d68 rgb(76,93,104)
```
#455e6f
```
#455e6f rgb(69,94,111)
```
#3e6076
```
#3e6076 rgb(62,96,118)
```
#37617d
```
#37617d rgb(55,97,125)
```
#306284
```
#306284 rgb(48,98,132)
```
#2a648a
```
#2a648a rgb(42,100,138)
```
#236591
```
#236591 rgb(35,101,145)
```
#1c6698
```
#1c6698 rgb(28,102,152)
```
#15689f
```
#15689f rgb(21,104,159)
```
#0e69a6
```
#0e69a6 rgb(14,105,166)
```
#076bad
```
#076bad rgb(7,107,173)
```
#006cb4
```
#006cb4 rgb(0,108,180)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#435967 Atypical Achromatopsia 0.001% of the population

Dichromacy

#516eb3 Protanopia 1% of men
#2f71b8 Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#336db3 Protanomaly 1% of men, 0.01% of women
#1e6fb7 Deuteranomaly 6% of men, 0.4% of women
#007594 Tritanomaly 0.01% of the population

#006cb4 hex color

#006cb4 Color Information

#006cb4 Color Conversion

Color Schemes with #006cb4

Alternatives to #006cb4

#006cb4 Preview

Shades and Tints of #006cb4

Tones of #006cb4

Color Blindness Simulator