#06b6cd hex color

In a RGB color space, hex #06b6cd is composed of 2.4% red, 71.4% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 11.2% magenta, 0% yellow and 19.6% black. It has a hue angle of 186.9 degrees, a saturation of 94.3% and a lightness of 41.4%. #06b6cd color hex could be obtained by blending #0cffff with #006d9b. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 2
- G 71
- B 80
RGB color chart
- C 97
- M 11
- Y 0
- K 20
CMYK color chart

● #06b6cd color description : Strong cyan.

The hexadecimal color #06b6cd has RGB values of R:6, G:182, B:205 and CMYK values of C:0.97, M:0.11, Y:0, K:0.2. Its decimal value is 440013.

Hex triplet	06b6cd	`#06b6cd`
RGB Decimal	6, 182, 205	`rgb(6,182,205)`
RGB Percent	2.4, 71.4, 80.4	`rgb(2.4%,71.4%,80.4%)`
CMYK	97, 11, 0, 20
HSL	186.9°, 94.3, 41.4	`hsl(186.9,94.3%,41.4%)`
HSV (or HSB)	186.9°, 97.1, 80.4
Web Safe	00cccc	`#00cccc`

CIE-LAB	67.947, -29.863, -22.452
XYZ	27.819, 37.9, 63.603
xyY	0.215, 0.293, 37.9
CIE-LCH	67.947, 37.362, 216.937
CIE-LUV	67.947, -49.878, -30.908
Hunter-Lab	61.563, -27.073, -18.162
Binary	00000110, 10110110, 11001101

#06b6cd
```
#06b6cd rgb(6,182,205)
```
#cd1d06
```
#cd1d06 rgb(205,29,6)
```

Complementary Color

#06cd81
```
#06cd81 rgb(6,205,129)
```
#06b6cd
```
#06b6cd rgb(6,182,205)
```
#0653cd
```
#0653cd rgb(6,83,205)
```

Analogous Color

#cd8106
```
#cd8106 rgb(205,129,6)
```
#06b6cd
```
#06b6cd rgb(6,182,205)
```
#cd0653
```
#cd0653 rgb(205,6,83)
```

Split Complementary Color

#b6cd06
```
#b6cd06 rgb(182,205,6)
```
#06b6cd
```
#06b6cd rgb(6,182,205)
```
#cd06b6
```
#cd06b6 rgb(205,6,182)
```

Triadic Color

#06cd1d
```
#06cd1d rgb(6,205,29)
```
#06b6cd
```
#06b6cd rgb(6,182,205)
```
#cd06b6
```
#cd06b6 rgb(205,6,182)
```
#cd1d06
```
#cd1d06 rgb(205,29,6)
```

Tetradic Color

#047483
```
#047483 rgb(4,116,131)
```
#058a9b
```
#058a9b rgb(5,138,155)
```
#05a0b4
```
#05a0b4 rgb(5,160,180)
```
#06b6cd
```
#06b6cd rgb(6,182,205)
```
#07cce6
```
#07cce6 rgb(7,204,230)
```
#0eddf8
```
#0eddf8 rgb(14,221,248)
```
#27e0f9
```
#27e0f9 rgb(39,224,249)
```

Monochromatic Color

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

#06cdb2
```
#06cdb2 rgb(6,205,178)
```
#06cdc3
```
#06cdc3 rgb(6,205,195)
```
#06c7cd
```
#06c7cd rgb(6,199,205)
```
#06b6cd
```
#06b6cd rgb(6,182,205)
```
#06a5cd
```
#06a5cd rgb(6,165,205)
```
#0695cd
```
#0695cd rgb(6,149,205)
```
#0684cd
```
#0684cd rgb(6,132,205)
```

Similar Colors

Text with hexadecimal color #06b6cd

This text has a font color of #06b6cd.

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

#06b6cd background color

This paragraph has a background color of #06b6cd.

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

#06b6cd border color

This element has a border color of #06b6cd.

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

CSS codes

.text {color:#06b6cd;}

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

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

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

#000d0e
```
#000d0e rgb(0,13,14)
```
#011e21
```
#011e21 rgb(1,30,33)
```
#022f35
```
#022f35 rgb(2,47,53)
```
#024048
```
#024048 rgb(2,64,72)
```
#03505b
```
#03505b rgb(3,80,91)
```
#03616e
```
#03616e rgb(3,97,110)
```
#047281
```
#047281 rgb(4,114,129)
```
#048394
```
#048394 rgb(4,131,148)
```
#0594a7
```
#0594a7 rgb(5,148,167)
```
#05a5ba
```
#05a5ba rgb(5,165,186)
```
#06b6cd
```
#06b6cd rgb(6,182,205)
```
#07c7e0
```
#07c7e0 rgb(7,199,224)
```
#07d8f3
```
#07d8f3 rgb(7,216,243)
```

Shade Color Variation

#16def8
```
#16def8 rgb(22,222,248)
```
#29e1f9
```
#29e1f9 rgb(41,225,249)
```
#3ce3f9
```
#3ce3f9 rgb(60,227,249)
```
#4fe6fa
```
#4fe6fa rgb(79,230,250)
```
#62e9fa
```
#62e9fa rgb(98,233,250)
```
#75ebfb
```
#75ebfb rgb(117,235,251)
```
#88eefc
```
#88eefc rgb(136,238,252)
```
#9bf1fc
```
#9bf1fc rgb(155,241,252)
```
#aef4fd
```
#aef4fd rgb(174,244,253)
```
#c1f6fd
```
#c1f6fd rgb(193,246,253)
```
#d4f9fe
```
#d4f9fe rgb(212,249,254)
```
#e7fcfe
```
#e7fcfe rgb(231,252,254)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#676b6c
```
#676b6c rgb(103,107,108)
```
#5f7174
```
#5f7174 rgb(95,113,116)
```
#57787c
```
#57787c rgb(87,120,124)
```
#4f7e84
```
#4f7e84 rgb(79,126,132)
```
#47848c
```
#47848c rgb(71,132,140)
```
#3f8a94
```
#3f8a94 rgb(63,138,148)
```
#37919c
```
#37919c rgb(55,145,156)
```
#2f97a4
```
#2f97a4 rgb(47,151,164)
```
#269dad
```
#269dad rgb(38,157,173)
```
#1ea3b5
```
#1ea3b5 rgb(30,163,181)
```
#16aabd
```
#16aabd rgb(22,170,189)
```
#0eb0c5
```
#0eb0c5 rgb(14,176,197)
```
#06b6cd
```
#06b6cd rgb(6,182,205)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6b8e93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a8c5 Protanopia 1% of men
#a0a7d6 Deuteranopia 1% of men
#00bac8 Tritanopia 0.001% of the population

Trichromacy

#6aadc7 Protanomaly 1% of men, 0.01% of women
#68acd3 Deuteranomaly 6% of men, 0.4% of women
#02b9c9 Tritanomaly 0.01% of the population

#06b6cd hex color

#06b6cd Color Information

#06b6cd Color Conversion

Color Schemes with #06b6cd

Alternatives to #06b6cd

#06b6cd Preview

Shades and Tints of #06b6cd

Tones of #06b6cd

Color Blindness Simulator