#06c2f5 hex color

In a RGB color space, hex #06c2f5 is composed of 2.4% red, 76.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 20.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 192.8 degrees, a saturation of 95.2% and a lightness of 49.2%. #06c2f5 color hex could be obtained by blending #0cffff with #0085eb. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 2
- G 76
- B 96
RGB color chart
- C 98
- M 21
- Y 0
- K 4
CMYK color chart

● #06c2f5 color description : Vivid cyan.

The hexadecimal color #06c2f5 has RGB values of R:6, G:194, B:245 and CMYK values of C:0.98, M:0.21, Y:0, K:0.04. Its decimal value is 443125.

Hex triplet	06c2f5	`#06c2f5`
RGB Decimal	6, 194, 245	`rgb(6,194,245)`
RGB Percent	2.4, 76.1, 96.1	`rgb(2.4%,76.1%,96.1%)`
CMYK	98, 21, 0, 4
HSL	192.8°, 95.2, 49.2	`hsl(192.8,95.2%,49.2%)`
HSV (or HSB)	192.8°, 97.6, 96.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	73.031, -22.514, -36.407
XYZ	35.844, 45.211, 93.219
xyY	0.206, 0.259, 45.211
CIE-LCH	73.031, 42.806, 238.268
CIE-LUV	73.031, -50.841, -55.865
Hunter-Lab	67.239, -22.514, -35.13
Binary	00000110, 11000010, 11110101

#06c2f5
```
#06c2f5 rgb(6,194,245)
```
#f53906
```
#f53906 rgb(245,57,6)
```

Complementary Color

#06f5b1
```
#06f5b1 rgb(6,245,177)
```
#06c2f5
```
#06c2f5 rgb(6,194,245)
```
#064bf5
```
#064bf5 rgb(6,75,245)
```

Analogous Color

#f5b106
```
#f5b106 rgb(245,177,6)
```
#06c2f5
```
#06c2f5 rgb(6,194,245)
```
#f5064a
```
#f5064a rgb(245,6,74)
```

Split Complementary Color

#c2f506
```
#c2f506 rgb(194,245,6)
```
#06c2f5
```
#06c2f5 rgb(6,194,245)
```
#f506c2
```
#f506c2 rgb(245,6,194)
```

Triadic Color

#06f539
```
#06f539 rgb(6,245,57)
```
#06c2f5
```
#06c2f5 rgb(6,194,245)
```
#f506c2
```
#f506c2 rgb(245,6,194)
```
#f53906
```
#f53906 rgb(245,57,6)
```

Tetradic Color

#0487aa
```
#0487aa rgb(4,135,170)
```
#059bc3
```
#059bc3 rgb(5,155,195)
```
#05aedc
```
#05aedc rgb(5,174,220)
```
#06c2f5
```
#06c2f5 rgb(6,194,245)
```
#1bcaf9
```
#1bcaf9 rgb(27,202,249)
```
#34d0fa
```
#34d0fa rgb(52,208,250)
```
#4dd6fb
```
#4dd6fb rgb(77,214,251)
```

Monochromatic Color

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

#06f5ec
```
#06f5ec rgb(6,245,236)
```
#06eaf5
```
#06eaf5 rgb(6,234,245)
```
#06d6f5
```
#06d6f5 rgb(6,214,245)
```
#06c2f5
```
#06c2f5 rgb(6,194,245)
```
#06aef5
```
#06aef5 rgb(6,174,245)
```
#069af5
```
#069af5 rgb(6,154,245)
```
#0686f5
```
#0686f5 rgb(6,134,245)
```

Similar Colors

Text with hexadecimal color #06c2f5

This text has a font color of #06c2f5.

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

#06c2f5 background color

This paragraph has a background color of #06c2f5.

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

#06c2f5 border color

This element has a border color of #06c2f5.

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

CSS codes

.text {color:#06c2f5;}

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

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

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

#000c0f
```
#000c0f rgb(0,12,15)
```
#011b22
```
#011b22 rgb(1,27,34)
```
#012a36
```
#012a36 rgb(1,42,54)
```
#023a49
```
#023a49 rgb(2,58,73)
```
#02495c
```
#02495c rgb(2,73,92)
```
#03586f
```
#03586f rgb(3,88,111)
```
#036782
```
#036782 rgb(3,103,130)
```
#047695
```
#047695 rgb(4,118,149)
```
#0485a8
```
#0485a8 rgb(4,133,168)
```
#0595bc
```
#0595bc rgb(5,149,188)
```
#05a4cf
```
#05a4cf rgb(5,164,207)
```
#06b3e2
```
#06b3e2 rgb(6,179,226)
```
#06c2f5
```
#06c2f5 rgb(6,194,245)
```

Shade Color Variation

#15c9f9
```
#15c9f9 rgb(21,201,249)
```
#28cdfa
```
#28cdfa rgb(40,205,250)
```
#3cd2fa
```
#3cd2fa rgb(60,210,250)
```
#4fd6fb
```
#4fd6fb rgb(79,214,251)
```
#62dafb
```
#62dafb rgb(98,218,251)
```
#75dffc
```
#75dffc rgb(117,223,252)
```
#88e3fc
```
#88e3fc rgb(136,227,252)
```
#9be8fd
```
#9be8fd rgb(155,232,253)
```
#afecfd
```
#afecfd rgb(175,236,253)
```
#c2f1fd
```
#c2f1fd rgb(194,241,253)
```
#d5f5fe
```
#d5f5fe rgb(213,245,254)
```
#e8fafe
```
#e8fafe rgb(232,250,254)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#7a8081
```
#7a8081 rgb(122,128,129)
```
#70858b
```
#70858b rgb(112,133,139)
```
#678b94
```
#678b94 rgb(103,139,148)
```
#5d909e
```
#5d909e rgb(93,144,158)
```
#5396a8
```
#5396a8 rgb(83,150,168)
```
#4a9bb1
```
#4a9bb1 rgb(74,155,177)
```
#40a1bb
```
#40a1bb rgb(64,161,187)
```
#36a6c5
```
#36a6c5 rgb(54,166,197)
```
#2dacce
```
#2dacce rgb(45,172,206)
```
#23b1d8
```
#23b1d8 rgb(35,177,216)
```
#19b7e2
```
#19b7e2 rgb(25,183,226)
```
#10bceb
```
#10bceb rgb(16,188,235)
```
#06c2f5
```
#06c2f5 rgb(6,194,245)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#749aa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b5ea Protanopia 1% of men
#9cb5fb Deuteranopia 1% of men
#00c9d6 Tritanopia 0.001% of the population

Trichromacy

#6cb9ee Protanomaly 1% of men, 0.01% of women
#65baf9 Deuteranomaly 6% of men, 0.4% of women
#02c6e1 Tritanomaly 0.01% of the population

#06c2f5 hex color

#06c2f5 Color Information

#06c2f5 Color Conversion

Color Schemes with #06c2f5

Alternatives to #06c2f5

#06c2f5 Preview

Shades and Tints of #06c2f5

Tones of #06c2f5

Color Blindness Simulator