#06afcc hex color

In a RGB color space, hex #06afcc is composed of 2.4% red, 68.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 14.2% magenta, 0% yellow and 20% black. It has a hue angle of 188.8 degrees, a saturation of 94.3% and a lightness of 41.2%. #06afcc color hex could be obtained by blending #0cffff with #005f99. Closest websafe color is: #0099cc.

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

● #06afcc color description : Strong cyan.

The hexadecimal color #06afcc has RGB values of R:6, G:175, B:204 and CMYK values of C:0.97, M:0.14, Y:0, K:0.2. Its decimal value is 438220.

Hex triplet	06afcc	`#06afcc`
RGB Decimal	6, 175, 204	`rgb(6,175,204)`
RGB Percent	2.4, 68.6, 80	`rgb(2.4%,68.6%,80%)`
CMYK	97, 14, 0, 20
HSL	188.8°, 94.3, 41.2	`hsl(188.8,94.3%,41.2%)`
HSV (or HSB)	188.8°, 97.1, 80
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.792, -26.729, -25.197
XYZ	26.301, 35.056, 62.504
xyY	0.212, 0.283, 35.056
CIE-LCH	65.792, 36.733, 223.311
CIE-LUV	65.792, -47.558, -35.734
Hunter-Lab	59.208, -24.321, -21.145
Binary	00000110, 10101111, 11001100

#06afcc
```
#06afcc rgb(6,175,204)
```
#cc2306
```
#cc2306 rgb(204,35,6)
```

Complementary Color

#06cc86
```
#06cc86 rgb(6,204,134)
```
#06afcc
```
#06afcc rgb(6,175,204)
```
#064ccc
```
#064ccc rgb(6,76,204)
```

Analogous Color

#cc8606
```
#cc8606 rgb(204,134,6)
```
#06afcc
```
#06afcc rgb(6,175,204)
```
#cc064c
```
#cc064c rgb(204,6,76)
```

Split Complementary Color

#afcc06
```
#afcc06 rgb(175,204,6)
```
#06afcc
```
#06afcc rgb(6,175,204)
```
#cc06af
```
#cc06af rgb(204,6,175)
```

Triadic Color

#06cc23
```
#06cc23 rgb(6,204,35)
```
#06afcc
```
#06afcc rgb(6,175,204)
```
#cc06af
```
#cc06af rgb(204,6,175)
```
#cc2306
```
#cc2306 rgb(204,35,6)
```

Tetradic Color

#046f82
```
#046f82 rgb(4,111,130)
```
#05859a
```
#05859a rgb(5,133,154)
```
#059ab3
```
#059ab3 rgb(5,154,179)
```
#06afcc
```
#06afcc rgb(6,175,204)
```
#07c4e5
```
#07c4e5 rgb(7,196,229)
```
#0dd6f8
```
#0dd6f8 rgb(13,214,248)
```
#26daf9
```
#26daf9 rgb(38,218,249)
```

Monochromatic Color

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

#06ccb8
```
#06ccb8 rgb(6,204,184)
```
#06ccc8
```
#06ccc8 rgb(6,204,200)
```
#06c0cc
```
#06c0cc rgb(6,192,204)
```
#06afcc
```
#06afcc rgb(6,175,204)
```
#069fcc
```
#069fcc rgb(6,159,204)
```
#068ecc
```
#068ecc rgb(6,142,204)
```
#067ecc
```
#067ecc rgb(6,126,204)
```

Similar Colors

Text with hexadecimal color #06afcc

This text has a font color of #06afcc.

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

#06afcc background color

This paragraph has a background color of #06afcc.

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

#06afcc border color

This element has a border color of #06afcc.

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

CSS codes

.text {color:#06afcc;}

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

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

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

#000c0d
```
#000c0d rgb(0,12,13)
```
#011c21
```
#011c21 rgb(1,28,33)
```
#022c34
```
#022c34 rgb(2,44,52)
```
#023d47
```
#023d47 rgb(2,61,71)
```
#034d5a
```
#034d5a rgb(3,77,90)
```
#035d6d
```
#035d6d rgb(3,93,109)
```
#046e80
```
#046e80 rgb(4,110,128)
```
#047e93
```
#047e93 rgb(4,126,147)
```
#058ea6
```
#058ea6 rgb(5,142,166)
```
#059fb9
```
#059fb9 rgb(5,159,185)
```
#06afcc
```
#06afcc rgb(6,175,204)
```
#07bfdf
```
#07bfdf rgb(7,191,223)
```
#07d0f2
```
#07d0f2 rgb(7,208,242)
```

Shade Color Variation

#15d7f8
```
#15d7f8 rgb(21,215,248)
```
#28daf9
```
#28daf9 rgb(40,218,249)
```
#3bddf9
```
#3bddf9 rgb(59,221,249)
```
#4ee1fa
```
#4ee1fa rgb(78,225,250)
```
#61e4fa
```
#61e4fa rgb(97,228,250)
```
#74e7fb
```
#74e7fb rgb(116,231,251)
```
#87eafb
```
#87eafb rgb(135,234,251)
```
#9aeefc
```
#9aeefc rgb(154,238,252)
```
#adf1fd
```
#adf1fd rgb(173,241,253)
```
#c0f4fd
```
#c0f4fd rgb(192,244,253)
```
#d3f8fe
```
#d3f8fe rgb(211,248,254)
```
#e6fbfe
```
#e6fbfe rgb(230,251,254)
```
#f9feff
```
#f9feff rgb(249,254,255)
```

Tint Color Variation

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

#676a6b
```
#676a6b rgb(103,106,107)
```
#5f7073
```
#5f7073 rgb(95,112,115)
```
#57767b
```
#57767b rgb(87,118,123)
```
#4f7c83
```
#4f7c83 rgb(79,124,131)
```
#47818b
```
#47818b rgb(71,129,139)
```
#3f8793
```
#3f8793 rgb(63,135,147)
```
#368d9c
```
#368d9c rgb(54,141,156)
```
#2e92a4
```
#2e92a4 rgb(46,146,164)
```
#2698ac
```
#2698ac rgb(38,152,172)
```
#1e9eb4
```
#1e9eb4 rgb(30,158,180)
```
#16a4bc
```
#16a4bc rgb(22,164,188)
```
#0ea9c4
```
#0ea9c4 rgb(14,169,196)
```
#06afcc
```
#06afcc rgb(6,175,204)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#68898f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca3c4 Protanopia 1% of men
#97a2d5 Deuteranopia 1% of men
#00b4c1 Tritanopia 0.001% of the population

Trichromacy

#66a7c7 Protanomaly 1% of men, 0.01% of women
#62a7d1 Deuteranomaly 6% of men, 0.4% of women
#02b2c5 Tritanomaly 0.01% of the population

#06afcc hex color

#06afcc Color Information

#06afcc Color Conversion

Color Schemes with #06afcc

Alternatives to #06afcc

#06afcc Preview

Shades and Tints of #06afcc

Tones of #06afcc

Color Blindness Simulator