#06c6f2 hex color

In a RGB color space, hex #06c6f2 is composed of 2.4% red, 77.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 18.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 191.2 degrees, a saturation of 95.2% and a lightness of 48.6%. #06c6f2 color hex could be obtained by blending #0cffff with #008de5. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 2
- G 78
- B 95
RGB color chart
- C 98
- M 18
- Y 0
- K 5
CMYK color chart

● #06c6f2 color description : Vivid cyan.

The hexadecimal color #06c6f2 has RGB values of R:6, G:198, B:242 and CMYK values of C:0.98, M:0.18, Y:0, K:0.05. Its decimal value is 444146.

Hex triplet	06c6f2	`#06c6f2`
RGB Decimal	6, 198, 242	`rgb(6,198,242)`
RGB Percent	2.4, 77.6, 94.9	`rgb(2.4%,77.6%,94.9%)`
CMYK	98, 18, 0, 5
HSL	191.2°, 95.2, 48.6	`hsl(191.2,95.2%,48.6%)`
HSV (or HSB)	191.2°, 97.5, 94.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	74.083, -25.553, -33.161
XYZ	36.292, 46.834, 91.127
xyY	0.208, 0.269, 46.834
CIE-LCH	74.083, 41.864, 232.383
CIE-LUV	74.083, -52.411, -49.987
Hunter-Lab	68.435, -25.102, -31.044
Binary	00000110, 11000110, 11110010

#06c6f2
```
#06c6f2 rgb(6,198,242)
```
#f23206
```
#f23206 rgb(242,50,6)
```

Complementary Color

#06f2a8
```
#06f2a8 rgb(6,242,168)
```
#06c6f2
```
#06c6f2 rgb(6,198,242)
```
#0650f2
```
#0650f2 rgb(6,80,242)
```

Analogous Color

#f2a806
```
#f2a806 rgb(242,168,6)
```
#06c6f2
```
#06c6f2 rgb(6,198,242)
```
#f20650
```
#f20650 rgb(242,6,80)
```

Split Complementary Color

#c6f206
```
#c6f206 rgb(198,242,6)
```
#06c6f2
```
#06c6f2 rgb(6,198,242)
```
#f206c6
```
#f206c6 rgb(242,6,198)
```

Triadic Color

#06f232
```
#06f232 rgb(6,242,50)
```
#06c6f2
```
#06c6f2 rgb(6,198,242)
```
#f206c6
```
#f206c6 rgb(242,6,198)
```
#f23206
```
#f23206 rgb(242,50,6)
```

Tetradic Color

#0489a7
```
#0489a7 rgb(4,137,167)
```
#059dc0
```
#059dc0 rgb(5,157,192)
```
#05b2d9
```
#05b2d9 rgb(5,178,217)
```
#06c6f2
```
#06c6f2 rgb(6,198,242)
```
#18cff9
```
#18cff9 rgb(24,207,249)
```
#31d4fa
```
#31d4fa rgb(49,212,250)
```
#4adafb
```
#4adafb rgb(74,218,251)
```

Monochromatic Color

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

#06f2e3
```
#06f2e3 rgb(6,242,227)
```
#06edf2
```
#06edf2 rgb(6,237,242)
```
#06daf2
```
#06daf2 rgb(6,218,242)
```
#06c6f2
```
#06c6f2 rgb(6,198,242)
```
#06b2f2
```
#06b2f2 rgb(6,178,242)
```
#069ff2
```
#069ff2 rgb(6,159,242)
```
#068bf2
```
#068bf2 rgb(6,139,242)
```

Similar Colors

Text with hexadecimal color #06c6f2

This text has a font color of #06c6f2.

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

#06c6f2 background color

This paragraph has a background color of #06c6f2.

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

#06c6f2 border color

This element has a border color of #06c6f2.

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

CSS codes

.text {color:#06c6f2;}

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

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

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

#000a0c
```
#000a0c rgb(0,10,12)
```
#011a1f
```
#011a1f rgb(1,26,31)
```
#012933
```
#012933 rgb(1,41,51)
```
#023946
```
#023946 rgb(2,57,70)
```
#024959
```
#024959 rgb(2,73,89)
```
#03586c
```
#03586c rgb(3,88,108)
```
#03687f
```
#03687f rgb(3,104,127)
```
#047892
```
#047892 rgb(4,120,146)
```
#0487a5
```
#0487a5 rgb(4,135,165)
```
#0597b9
```
#0597b9 rgb(5,151,185)
```
#05a7cc
```
#05a7cc rgb(5,167,204)
```
#06b6df
```
#06b6df rgb(6,182,223)
```
#06c6f2
```
#06c6f2 rgb(6,198,242)
```

Shade Color Variation

#12cef9
```
#12cef9 rgb(18,206,249)
```
#26d2fa
```
#26d2fa rgb(38,210,250)
```
#39d6fa
```
#39d6fa rgb(57,214,250)
```
#4cdafb
```
#4cdafb rgb(76,218,251)
```
#5fdefb
```
#5fdefb rgb(95,222,251)
```
#72e2fc
```
#72e2fc rgb(114,226,252)
```
#85e6fc
```
#85e6fc rgb(133,230,252)
```
#98eafc
```
#98eafc rgb(152,234,252)
```
#aceefd
```
#aceefd rgb(172,238,253)
```
#bff2fd
```
#bff2fd rgb(191,242,253)
```
#d2f6fe
```
#d2f6fe rgb(210,246,254)
```
#e5fafe
```
#e5fafe rgb(229,250,254)
```
#f8feff
```
#f8feff rgb(248,254,255)
```

Tint Color Variation

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

#787e80
```
#787e80 rgb(120,126,128)
```
#6f8489
```
#6f8489 rgb(111,132,137)
```
#658a93
```
#658a93 rgb(101,138,147)
```
#5c909c
```
#5c909c rgb(92,144,156)
```
#5296a6
```
#5296a6 rgb(82,150,166)
```
#499caf
```
#499caf rgb(73,156,175)
```
#3fa2b9
```
#3fa2b9 rgb(63,162,185)
```
#36a8c2
```
#36a8c2 rgb(54,168,194)
```
#2caecc
```
#2caecc rgb(44,174,204)
```
#23b4d5
```
#23b4d5 rgb(35,180,213)
```
#19badf
```
#19badf rgb(25,186,223)
```
#10c0e8
```
#10c0e8 rgb(16,192,232)
```
#06c6f2
```
#06c6f2 rgb(6,198,242)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#769ca5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb8e7 Protanopia 1% of men
#a3b7f9 Deuteranopia 1% of men
#00ccda Tritanopia 0.001% of the population

Trichromacy

#70bdeb Protanomaly 1% of men, 0.01% of women
#6abdf6 Deuteranomaly 6% of men, 0.4% of women
#02c9e2 Tritanomaly 0.01% of the population

#06c6f2 hex color

#06c6f2 Color Information

#06c6f2 Color Conversion

Color Schemes with #06c6f2

Alternatives to #06c6f2

#06c6f2 Preview

Shades and Tints of #06c6f2

Tones of #06c6f2

Color Blindness Simulator