#06bcd4 hex color

In a RGB color space, hex #06bcd4 is composed of 2.4% red, 73.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 11.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 187 degrees, a saturation of 94.5% and a lightness of 42.7%. #06bcd4 color hex could be obtained by blending #0cffff with #0079a9. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 2
- G 74
- B 83
RGB color chart
- C 97
- M 11
- Y 0
- K 17
CMYK color chart

● #06bcd4 color description : Strong cyan.

The hexadecimal color #06bcd4 has RGB values of R:6, G:188, B:212 and CMYK values of C:0.97, M:0.11, Y:0, K:0.17. Its decimal value is 441556.

Hex triplet	06bcd4	`#06bcd4`
RGB Decimal	6, 188, 212	`rgb(6,188,212)`
RGB Percent	2.4, 73.7, 83.1	`rgb(2.4%,73.7%,83.1%)`
CMYK	97, 11, 0, 17
HSL	187°, 94.5, 42.7	`hsl(187,94.5%,42.7%)`
HSV (or HSB)	187°, 97.2, 83.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.004, -30.508, -23.149
XYZ	29.939, 40.756, 68.572
xyY	0.215, 0.293, 40.756
CIE-LCH	70.004, 38.297, 217.19
CIE-LUV	70.004, -51.374, -32.1
Hunter-Lab	63.84, -28.01, -18.997
Binary	00000110, 10111100, 11010100

#06bcd4
```
#06bcd4 rgb(6,188,212)
```
#d41e06
```
#d41e06 rgb(212,30,6)
```

Complementary Color

#06d485
```
#06d485 rgb(6,212,133)
```
#06bcd4
```
#06bcd4 rgb(6,188,212)
```
#0655d4
```
#0655d4 rgb(6,85,212)
```

Analogous Color

#d48506
```
#d48506 rgb(212,133,6)
```
#06bcd4
```
#06bcd4 rgb(6,188,212)
```
#d40655
```
#d40655 rgb(212,6,85)
```

Split Complementary Color

#bcd406
```
#bcd406 rgb(188,212,6)
```
#06bcd4
```
#06bcd4 rgb(6,188,212)
```
#d406bc
```
#d406bc rgb(212,6,188)
```

Triadic Color

#06d41e
```
#06d41e rgb(6,212,30)
```
#06bcd4
```
#06bcd4 rgb(6,188,212)
```
#d406bc
```
#d406bc rgb(212,6,188)
```
#d41e06
```
#d41e06 rgb(212,30,6)
```

Tetradic Color

#047a8a
```
#047a8a rgb(4,122,138)
```
#0590a2
```
#0590a2 rgb(5,144,162)
```
#05a6bb
```
#05a6bb rgb(5,166,187)
```
#06bcd4
```
#06bcd4 rgb(6,188,212)
```
#07d2ed
```
#07d2ed rgb(7,210,237)
```
#15def8
```
#15def8 rgb(21,222,248)
```
#2de1f9
```
#2de1f9 rgb(45,225,249)
```

Monochromatic Color

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

#06d4b9
```
#06d4b9 rgb(6,212,185)
```
#06d4ca
```
#06d4ca rgb(6,212,202)
```
#06cdd4
```
#06cdd4 rgb(6,205,212)
```
#06bcd4
```
#06bcd4 rgb(6,188,212)
```
#06abd4
```
#06abd4 rgb(6,171,212)
```
#069ad4
```
#069ad4 rgb(6,154,212)
```
#0689d4
```
#0689d4 rgb(6,137,212)
```

Similar Colors

Text with hexadecimal color #06bcd4

This text has a font color of #06bcd4.

<span style="color:#06bcd4;">Text here</span>

#06bcd4 background color

This paragraph has a background color of #06bcd4.

<p style="background-color:#06bcd4;">Content here</p>

#06bcd4 border color

This element has a border color of #06bcd4.

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

CSS codes

.text {color:#06bcd4;}

.background {background-color:#06bcd4;}

.border {border:1px solid #06bcd4;}

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

#000202
```
#000202 rgb(0,2,2)
```
#011315
```
#011315 rgb(1,19,21)
```
#012428
```
#012428 rgb(1,36,40)
```
#02353b
```
#02353b rgb(2,53,59)
```
#02464e
```
#02464e rgb(2,70,78)
```
#035762
```
#035762 rgb(3,87,98)
```
#036775
```
#036775 rgb(3,103,117)
```
#047888
```
#047888 rgb(4,120,136)
```
#04899b
```
#04899b rgb(4,137,155)
```
#059aae
```
#059aae rgb(5,154,174)
```
#05abc1
```
#05abc1 rgb(5,171,193)
```
#06bcd4
```
#06bcd4 rgb(6,188,212)
```
#07cde7
```
#07cde7 rgb(7,205,231)
```

Shade Color Variation

#09dcf8
```
#09dcf8 rgb(9,220,248)
```
#1cdff9
```
#1cdff9 rgb(28,223,249)
```
#2fe2f9
```
#2fe2f9 rgb(47,226,249)
```
#42e4fa
```
#42e4fa rgb(66,228,250)
```
#55e7fa
```
#55e7fa rgb(85,231,250)
```
#69eafb
```
#69eafb rgb(105,234,251)
```
#7cecfb
```
#7cecfb rgb(124,236,251)
```
#8feffc
```
#8feffc rgb(143,239,252)
```
#a2f2fc
```
#a2f2fc rgb(162,242,252)
```
#b5f5fd
```
#b5f5fd rgb(181,245,253)
```
#c8f7fd
```
#c8f7fd rgb(200,247,253)
```
#dbfafe
```
#dbfafe rgb(219,250,254)
```
#eefdff
```
#eefdff rgb(238,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6f6f is the less saturated color, while #06bcd4 is the most saturated one.

#6b6f6f
```
#6b6f6f rgb(107,111,111)
```
#627578
```
#627578 rgb(98,117,120)
```
#5a7c80
```
#5a7c80 rgb(90,124,128)
```
#518289
```
#518289 rgb(81,130,137)
```
#498991
```
#498991 rgb(73,137,145)
```
#418f99
```
#418f99 rgb(65,143,153)
```
#3895a2
```
#3895a2 rgb(56,149,162)
```
#309caa
```
#309caa rgb(48,156,170)
```
#28a2b2
```
#28a2b2 rgb(40,162,178)
```
#1fa9bb
```
#1fa9bb rgb(31,169,187)
```
#17afc3
```
#17afc3 rgb(23,175,195)
```
#0eb6cc
```
#0eb6cc rgb(14,182,204)
```
#06bcd4
```
#06bcd4 rgb(6,188,212)
```

Tone Color Variation

Below, you can see how #06bcd4 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

#888888 Achromatopsia 0.005% of the population
#6e9297 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9aecb Protanopia 1% of men
#a5acdd Deuteranopia 1% of men
#00c0ce Tritanopia 0.001% of the population

Trichromacy

#6db3ce Protanomaly 1% of men, 0.01% of women
#6bb2da Deuteranomaly 6% of men, 0.4% of women
#02bed0 Tritanomaly 0.01% of the population

#06bcd4 hex color

#06bcd4 Color Information

#06bcd4 Color Conversion

Color Schemes with #06bcd4

Alternatives to #06bcd4

#06bcd4 Preview

Shades and Tints of #06bcd4

Tones of #06bcd4

Color Blindness Simulator