#01c2f5 hex color

In a RGB color space, hex #01c2f5 is composed of 0.4% red, 76.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 20.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 192.5 degrees, a saturation of 99.2% and a lightness of 48.2%. #01c2f5 color hex could be obtained by blending #02ffff with #0085eb. Closest websafe color is: #00ccff.

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

● #01c2f5 color description : Vivid cyan.

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

Hex triplet	01c2f5	`#01c2f5`
RGB Decimal	1, 194, 245	`rgb(1,194,245)`
RGB Percent	0.4, 76.1, 96.1	`rgb(0.4%,76.1%,96.1%)`
CMYK	100, 21, 0, 4
HSL	192.5°, 99.2, 48.2	`hsl(192.5,99.2%,48.2%)`
HSV (or HSB)	192.5°, 99.6, 96.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	73.01, -22.633, -36.442
XYZ	35.781, 45.179, 93.216
xyY	0.205, 0.259, 45.179
CIE-LCH	73.01, 42.898, 238.157
CIE-LUV	73.01, -50.989, -55.909
Hunter-Lab	67.215, -22.604, -35.174
Binary	00000001, 11000010, 11110101

#01c2f5
```
#01c2f5 rgb(1,194,245)
```
#f53401
```
#f53401 rgb(245,52,1)
```

Complementary Color

#01f5ae
```
#01f5ae rgb(1,245,174)
```
#01c2f5
```
#01c2f5 rgb(1,194,245)
```
#0148f5
```
#0148f5 rgb(1,72,245)
```

Analogous Color

#f5ae01
```
#f5ae01 rgb(245,174,1)
```
#01c2f5
```
#01c2f5 rgb(1,194,245)
```
#f50148
```
#f50148 rgb(245,1,72)
```

Split Complementary Color

#c2f501
```
#c2f501 rgb(194,245,1)
```
#01c2f5
```
#01c2f5 rgb(1,194,245)
```
#f501c2
```
#f501c2 rgb(245,1,194)
```

Triadic Color

#01f534
```
#01f534 rgb(1,245,52)
```
#01c2f5
```
#01c2f5 rgb(1,194,245)
```
#f501c2
```
#f501c2 rgb(245,1,194)
```
#f53401
```
#f53401 rgb(245,52,1)
```

Tetradic Color

#0186a9
```
#0186a9 rgb(1,134,169)
```
#019ac2
```
#019ac2 rgb(1,154,194)
```
#01aedc
```
#01aedc rgb(1,174,220)
```
#01c2f5
```
#01c2f5 rgb(1,194,245)
```
#11cdfe
```
#11cdfe rgb(17,205,254)
```
#2bd2fe
```
#2bd2fe rgb(43,210,254)
```
#44d7fe
```
#44d7fe rgb(68,215,254)
```

Monochromatic Color

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

#01f5eb
```
#01f5eb rgb(1,245,235)
```
#01ebf5
```
#01ebf5 rgb(1,235,245)
```
#01d6f5
```
#01d6f5 rgb(1,214,245)
```
#01c2f5
```
#01c2f5 rgb(1,194,245)
```
#01aef5
```
#01aef5 rgb(1,174,245)
```
#0199f5
```
#0199f5 rgb(1,153,245)
```
#0185f5
```
#0185f5 rgb(1,133,245)
```

Similar Colors

Text with hexadecimal color #01c2f5

This text has a font color of #01c2f5.

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

#01c2f5 background color

This paragraph has a background color of #01c2f5.

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

#01c2f5 border color

This element has a border color of #01c2f5.

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

CSS codes

.text {color:#01c2f5;}

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

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

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, #00080b is the darkest color, while #f6fdff is the lightest one.

#00080b
```
#00080b rgb(0,8,11)
```
#00181e
```
#00181e rgb(0,24,30)
```
#002732
```
#002732 rgb(0,39,50)
```
#003745
```
#003745 rgb(0,55,69)
```
#004659
```
#004659 rgb(0,70,89)
```
#00566c
```
#00566c rgb(0,86,108)
```
#016580
```
#016580 rgb(1,101,128)
```
#017593
```
#017593 rgb(1,117,147)
```
#0184a7
```
#0184a7 rgb(1,132,167)
```
#0194ba
```
#0194ba rgb(1,148,186)
```
#01a3ce
```
#01a3ce rgb(1,163,206)
```
#01b3e1
```
#01b3e1 rgb(1,179,225)
```
#01c2f5
```
#01c2f5 rgb(1,194,245)
```

Shade Color Variation

#0ccbfe
```
#0ccbfe rgb(12,203,254)
```
#1fcffe
```
#1fcffe rgb(31,207,254)
```
#33d4fe
```
#33d4fe rgb(51,212,254)
```
#46d8fe
```
#46d8fe rgb(70,216,254)
```
#5adcfe
```
#5adcfe rgb(90,220,254)
```
#6de0fe
```
#6de0fe rgb(109,224,254)
```
#81e4fe
```
#81e4fe rgb(129,228,254)
```
#94e8ff
```
#94e8ff rgb(148,232,255)
```
#a8edff
```
#a8edff rgb(168,237,255)
```
#bbf1ff
```
#bbf1ff rgb(187,241,255)
```
#cff5ff
```
#cff5ff rgb(207,245,255)
```
#e3f9ff
```
#e3f9ff rgb(227,249,255)
```
#f6fdff
```
#f6fdff rgb(246,253,255)
```

Tint Color Variation

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

#738083
```
#738083 rgb(115,128,131)
```
#69858d
```
#69858d rgb(105,133,141)
```
#608b96
```
#608b96 rgb(96,139,150)
```
#5690a0
```
#5690a0 rgb(86,144,160)
```
#4d96a9
```
#4d96a9 rgb(77,150,169)
```
#439bb3
```
#439bb3 rgb(67,155,179)
```
#3aa1bc
```
#3aa1bc rgb(58,161,188)
```
#30a6c6
```
#30a6c6 rgb(48,166,198)
```
#27accf
```
#27accf rgb(39,172,207)
```
#1db1d9
```
#1db1d9 rgb(29,177,217)
```
#14b7e2
```
#14b7e2 rgb(20,183,226)
```
#0abcec
```
#0abcec rgb(10,188,236)
```
#01c2f5
```
#01c2f5 rgb(1,194,245)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7298a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b5ea Protanopia 1% of men
#9bb5fb Deuteranopia 1% of men
#00c8d6 Tritanopia 0.001% of the population

Trichromacy

#6bb9ee Protanomaly 1% of men, 0.01% of women
#63baf9 Deuteranomaly 6% of men, 0.4% of women
#00c6e1 Tritanomaly 0.01% of the population

#01c2f5 hex color

#01c2f5 Color Information

#01c2f5 Color Conversion

Color Schemes with #01c2f5

Alternatives to #01c2f5

#01c2f5 Preview

Shades and Tints of #01c2f5

Tones of #01c2f5

Color Blindness Simulator