#06b8c6 hex color

In a RGB color space, hex #06b8c6 is composed of 2.4% red, 72.2% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 97% cyan, 7.1% magenta, 0% yellow and 22.4% black. It has a hue angle of 184.4 degrees, a saturation of 94.1% and a lightness of 40%. #06b8c6 color hex could be obtained by blending #0cffff with #00718d. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 2
- G 72
- B 78
RGB color chart
- C 97
- M 7
- Y 0
- K 22
CMYK color chart

● #06b8c6 color description : Strong cyan.

The hexadecimal color #06b8c6 has RGB values of R:6, G:184, B:198 and CMYK values of C:0.97, M:0.07, Y:0, K:0.22. Its decimal value is 440518.

Hex triplet	06b8c6	`#06b8c6`
RGB Decimal	6, 184, 198	`rgb(6,184,198)`
RGB Percent	2.4, 72.2, 77.6	`rgb(2.4%,72.2%,77.6%)`
CMYK	97, 7, 0, 22
HSL	184.4°, 94.1, 40	`hsl(184.4,94.1%,40%)`
HSV (or HSB)	184.4°, 97, 77.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	68.31, -33.084, -18.048
XYZ	27.406, 38.394, 59.389
xyY	0.219, 0.307, 38.394
CIE-LCH	68.31, 37.687, 208.614
CIE-LUV	68.31, -51.12, -23.239
Hunter-Lab	61.963, -29.486, -13.453
Binary	00000110, 10111000, 11000110

#06b8c6
```
#06b8c6 rgb(6,184,198)
```
#c61406
```
#c61406 rgb(198,20,6)
```

Complementary Color

#06c674
```
#06c674 rgb(6,198,116)
```
#06b8c6
```
#06b8c6 rgb(6,184,198)
```
#0658c6
```
#0658c6 rgb(6,88,198)
```

Analogous Color

#c67406
```
#c67406 rgb(198,116,6)
```
#06b8c6
```
#06b8c6 rgb(6,184,198)
```
#c60658
```
#c60658 rgb(198,6,88)
```

Split Complementary Color

#b8c606
```
#b8c606 rgb(184,198,6)
```
#06b8c6
```
#06b8c6 rgb(6,184,198)
```
#c606b8
```
#c606b8 rgb(198,6,184)
```

Triadic Color

#06c614
```
#06c614 rgb(6,198,20)
```
#06b8c6
```
#06b8c6 rgb(6,184,198)
```
#c606b8
```
#c606b8 rgb(198,6,184)
```
#c61406
```
#c61406 rgb(198,20,6)
```

Tetradic Color

#04737c
```
#04737c rgb(4,115,124)
```
#058a95
```
#058a95 rgb(5,138,149)
```
#05a1ad
```
#05a1ad rgb(5,161,173)
```
#06b8c6
```
#06b8c6 rgb(6,184,198)
```
#07cfdf
```
#07cfdf rgb(7,207,223)
```
#08e6f8
```
#08e6f8 rgb(8,230,248)
```
#20e9f8
```
#20e9f8 rgb(32,233,248)
```

Monochromatic Color

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

#06c6a4
```
#06c6a4 rgb(6,198,164)
```
#06c6b4
```
#06c6b4 rgb(6,198,180)
```
#06c6c4
```
#06c6c4 rgb(6,198,196)
```
#06b8c6
```
#06b8c6 rgb(6,184,198)
```
#06a8c6
```
#06a8c6 rgb(6,168,198)
```
#0698c6
```
#0698c6 rgb(6,152,198)
```
#0688c6
```
#0688c6 rgb(6,136,198)
```

Similar Colors

Text with hexadecimal color #06b8c6

This text has a font color of #06b8c6.

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

#06b8c6 background color

This paragraph has a background color of #06b8c6.

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

#06b8c6 border color

This element has a border color of #06b8c6.

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

CSS codes

.text {color:#06b8c6;}

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

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

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

#000708
```
#000708 rgb(0,7,8)
```
#01191b
```
#01191b rgb(1,25,27)
```
#012a2e
```
#012a2e rgb(1,42,46)
```
#023c41
```
#023c41 rgb(2,60,65)
```
#034e54
```
#034e54 rgb(3,78,84)
```
#036067
```
#036067 rgb(3,96,103)
```
#04717a
```
#04717a rgb(4,113,122)
```
#04838d
```
#04838d rgb(4,131,141)
```
#0595a0
```
#0595a0 rgb(5,149,160)
```
#05a6b3
```
#05a6b3 rgb(5,166,179)
```
#06b8c6
```
#06b8c6 rgb(6,184,198)
```
#07cad9
```
#07cad9 rgb(7,202,217)
```
#07dbec
```
#07dbec rgb(7,219,236)
```

Shade Color Variation

#0fe7f8
```
#0fe7f8 rgb(15,231,248)
```
#22e9f8
```
#22e9f8 rgb(34,233,248)
```
#35ebf9
```
#35ebf9 rgb(53,235,249)
```
#48edf9
```
#48edf9 rgb(72,237,249)
```
#5beefa
```
#5beefa rgb(91,238,250)
```
#6ef0fb
```
#6ef0fb rgb(110,240,251)
```
#81f2fb
```
#81f2fb rgb(129,242,251)
```
#94f4fc
```
#94f4fc rgb(148,244,252)
```
#a7f6fc
```
#a7f6fc rgb(167,246,252)
```
#baf8fd
```
#baf8fd rgb(186,248,253)
```
#cefafe
```
#cefafe rgb(206,250,254)
```
#e1fcfe
```
#e1fcfe rgb(225,252,254)
```
#f4feff
```
#f4feff rgb(244,254,255)
```

Tint Color Variation

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

#646868
```
#646868 rgb(100,104,104)
```
#5c6e70
```
#5c6e70 rgb(92,110,112)
```
#547578
```
#547578 rgb(84,117,120)
```
#4d7c7f
```
#4d7c7f rgb(77,124,127)
```
#458287
```
#458287 rgb(69,130,135)
```
#3d898f
```
#3d898f rgb(61,137,143)
```
#359097
```
#359097 rgb(53,144,151)
```
#2d969f
```
#2d969f rgb(45,150,159)
```
#259da7
```
#259da7 rgb(37,157,167)
```
#1ea4ae
```
#1ea4ae rgb(30,164,174)
```
#16abb6
```
#16abb6 rgb(22,171,182)
```
#0eb1be
```
#0eb1be rgb(14,177,190)
```
#06b8c6
```
#06b8c6 rgb(6,184,198)
```

Tone Color Variation

Below, you can see how #06b8c6 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
#6b8e91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a9be Protanopia 1% of men
#a6a7d0 Deuteranopia 1% of men
#14bbc9 Tritanopia 0.001% of the population

Trichromacy

#6dafc1 Protanomaly 1% of men, 0.01% of women
#6cadcc Deuteranomaly 6% of men, 0.4% of women
#0fbac8 Tritanomaly 0.01% of the population

#06b8c6 hex color

#06b8c6 Color Information

#06b8c6 Color Conversion

Color Schemes with #06b8c6

Alternatives to #06b8c6

#06b8c6 Preview

Shades and Tints of #06b8c6

Tones of #06b8c6

Color Blindness Simulator