#06c1f5 hex color

In a RGB color space, hex #06c1f5 is composed of 2.4% red, 75.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 21.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 193.1 degrees, a saturation of 95.2% and a lightness of 49.2%. #06c1f5 color hex could be obtained by blending #0cffff with #0083eb. 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

● #06c1f5 color description : Vivid cyan.

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

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

CIE-LAB	72.739, -22.001, -36.861
XYZ	35.622, 44.768, 93.145
xyY	0.205, 0.258, 44.768
CIE-LCH	72.739, 42.927, 239.168
CIE-LUV	72.739, -50.506, -56.682
Hunter-Lab	66.909, -22.057, -35.703
Binary	00000110, 11000001, 11110101

#06c1f5
```
#06c1f5 rgb(6,193,245)
```
#f53a06
```
#f53a06 rgb(245,58,6)
```

Complementary Color

#06f5b2
```
#06f5b2 rgb(6,245,178)
```
#06c1f5
```
#06c1f5 rgb(6,193,245)
```
#0649f5
```
#0649f5 rgb(6,73,245)
```

Analogous Color

#f5b206
```
#f5b206 rgb(245,178,6)
```
#06c1f5
```
#06c1f5 rgb(6,193,245)
```
#f50649
```
#f50649 rgb(245,6,73)
```

Split Complementary Color

#c1f506
```
#c1f506 rgb(193,245,6)
```
#06c1f5
```
#06c1f5 rgb(6,193,245)
```
#f506c1
```
#f506c1 rgb(245,6,193)
```

Triadic Color

#06f53a
```
#06f53a rgb(6,245,58)
```
#06c1f5
```
#06c1f5 rgb(6,193,245)
```
#f506c1
```
#f506c1 rgb(245,6,193)
```
#f53a06
```
#f53a06 rgb(245,58,6)
```

Tetradic Color

#0486aa
```
#0486aa rgb(4,134,170)
```
#059ac3
```
#059ac3 rgb(5,154,195)
```
#05addc
```
#05addc rgb(5,173,220)
```
#06c1f5
```
#06c1f5 rgb(6,193,245)
```
#1bc9f9
```
#1bc9f9 rgb(27,201,249)
```
#34cffa
```
#34cffa rgb(52,207,250)
```
#4dd5fb
```
#4dd5fb rgb(77,213,251)
```

Monochromatic Color

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

#06f5ed
```
#06f5ed rgb(6,245,237)
```
#06e9f5
```
#06e9f5 rgb(6,233,245)
```
#06d5f5
```
#06d5f5 rgb(6,213,245)
```
#06c1f5
```
#06c1f5 rgb(6,193,245)
```
#06adf5
```
#06adf5 rgb(6,173,245)
```
#0699f5
```
#0699f5 rgb(6,153,245)
```
#0685f5
```
#0685f5 rgb(6,133,245)
```

Similar Colors

Text with hexadecimal color #06c1f5

This text has a font color of #06c1f5.

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

#06c1f5 background color

This paragraph has a background color of #06c1f5.

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

#06c1f5 border color

This element has a border color of #06c1f5.

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

CSS codes

.text {color:#06c1f5;}

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

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

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)
```
#023949
```
#023949 rgb(2,57,73)
```
#02485c
```
#02485c rgb(2,72,92)
```
#03576f
```
#03576f rgb(3,87,111)
```
#036782
```
#036782 rgb(3,103,130)
```
#047695
```
#047695 rgb(4,118,149)
```
#0485a8
```
#0485a8 rgb(4,133,168)
```
#0594bc
```
#0594bc rgb(5,148,188)
```
#05a3cf
```
#05a3cf rgb(5,163,207)
```
#06b2e2
```
#06b2e2 rgb(6,178,226)
```
#06c1f5
```
#06c1f5 rgb(6,193,245)
```

Shade Color Variation

#15c8f9
```
#15c8f9 rgb(21,200,249)
```
#28ccfa
```
#28ccfa rgb(40,204,250)
```
#3cd1fa
```
#3cd1fa rgb(60,209,250)
```
#4fd5fb
```
#4fd5fb rgb(79,213,251)
```
#62dafb
```
#62dafb rgb(98,218,251)
```
#75defc
```
#75defc rgb(117,222,252)
```
#88e3fc
```
#88e3fc rgb(136,227,252)
```
#9be7fd
```
#9be7fd rgb(155,231,253)
```
#afecfd
```
#afecfd rgb(175,236,253)
```
#c2f0fd
```
#c2f0fd rgb(194,240,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 #06c1f5 is the most saturated one.

#7a8081
```
#7a8081 rgb(122,128,129)
```
#70858b
```
#70858b rgb(112,133,139)
```
#678a94
```
#678a94 rgb(103,138,148)
```
#5d909e
```
#5d909e rgb(93,144,158)
```
#5395a8
```
#5395a8 rgb(83,149,168)
```
#4a9bb1
```
#4a9bb1 rgb(74,155,177)
```
#40a0bb
```
#40a0bb rgb(64,160,187)
```
#36a6c5
```
#36a6c5 rgb(54,166,197)
```
#2dabce
```
#2dabce rgb(45,171,206)
```
#23b1d8
```
#23b1d8 rgb(35,177,216)
```
#19b6e2
```
#19b6e2 rgb(25,182,226)
```
#10bceb
```
#10bceb rgb(16,188,235)
```
#06c1f5
```
#06c1f5 rgb(6,193,245)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7499a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b4ea Protanopia 1% of men
#9ab4fb Deuteranopia 1% of men
#00c8d6 Tritanopia 0.001% of the population

Trichromacy

#6cb9ee Protanomaly 1% of men, 0.01% of women
#64b9f9 Deuteranomaly 6% of men, 0.4% of women
#02c5e1 Tritanomaly 0.01% of the population

#06c1f5 hex color

#06c1f5 Color Information

#06c1f5 Color Conversion

Color Schemes with #06c1f5

Alternatives to #06c1f5

#06c1f5 Preview

Shades and Tints of #06c1f5

Tones of #06c1f5

Color Blindness Simulator