#00c1fa hex color

In a RGB color space, hex #00c1fa is composed of 0% red, 75.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 22.8% magenta, 0% yellow and 2% black. It has a hue angle of 193.7 degrees, a saturation of 100% and a lightness of 49%. #00c1fa color hex could be obtained by blending #00ffff with #0083f5. Closest websafe color is: #00ccff.

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

● #00c1fa color description : Pure (or mostly pure) cyan.

The hexadecimal color #00c1fa has RGB values of R:0, G:193, B:250 and CMYK values of C:1, M:0.23, Y:0, K:0.02. Its decimal value is 49658.

Hex triplet	00c1fa	`#00c1fa`
RGB Decimal	0, 193, 250	`rgb(0,193,250)`
RGB Percent	0, 75.7, 98	`rgb(0%,75.7%,98%)`
CMYK	100, 23, 0, 2
HSL	193.7°, 100, 49	`hsl(193.7,100%,49%)`
HSV (or HSB)	193.7°, 100, 98
Web Safe	00ccff	`#00ccff`

CIE-LAB	72.917, -20.429, -39.28
XYZ	36.321, 45.038, 97.216
xyY	0.203, 0.252, 45.038
CIE-LCH	72.917, 44.275, 242.521
CIE-LUV	72.917, -50.307, -61.068
Hunter-Lab	67.111, -20.838, -38.91
Binary	00000000, 11000001, 11111010

#00c1fa
```
#00c1fa rgb(0,193,250)
```
#fa3900
```
#fa3900 rgb(250,57,0)
```

Complementary Color

#00fab6
```
#00fab6 rgb(0,250,182)
```
#00c1fa
```
#00c1fa rgb(0,193,250)
```
#0044fa
```
#0044fa rgb(0,68,250)
```

Analogous Color

#fab600
```
#fab600 rgb(250,182,0)
```
#00c1fa
```
#00c1fa rgb(0,193,250)
```
#fa0044
```
#fa0044 rgb(250,0,68)
```

Split Complementary Color

#c1fa00
```
#c1fa00 rgb(193,250,0)
```
#00c1fa
```
#00c1fa rgb(0,193,250)
```
#fa00c1
```
#fa00c1 rgb(250,0,193)
```

Triadic Color

#00fa39
```
#00fa39 rgb(0,250,57)
```
#00c1fa
```
#00c1fa rgb(0,193,250)
```
#fa00c1
```
#fa00c1 rgb(250,0,193)
```
#fa3900
```
#fa3900 rgb(250,57,0)
```

Tetradic Color

#0086ae
```
#0086ae rgb(0,134,174)
```
#009ac7
```
#009ac7 rgb(0,154,199)
```
#00ade1
```
#00ade1 rgb(0,173,225)
```
#00c1fa
```
#00c1fa rgb(0,193,250)
```
#15caff
```
#15caff rgb(21,202,255)
```
#2ecfff
```
#2ecfff rgb(46,207,255)
```
#48d5ff
```
#48d5ff rgb(72,213,255)
```

Monochromatic Color

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

#00faf5
```
#00faf5 rgb(0,250,245)
```
#00ebfa
```
#00ebfa rgb(0,235,250)
```
#00d6fa
```
#00d6fa rgb(0,214,250)
```
#00c1fa
```
#00c1fa rgb(0,193,250)
```
#00acfa
```
#00acfa rgb(0,172,250)
```
#0097fa
```
#0097fa rgb(0,151,250)
```
#0083fa
```
#0083fa rgb(0,131,250)
```

Similar Colors

Text with hexadecimal color #00c1fa

This text has a font color of #00c1fa.

<span style="color:#00c1fa;">Text here</span>

#00c1fa background color

This paragraph has a background color of #00c1fa.

<p style="background-color:#00c1fa;">Content here</p>

#00c1fa border color

This element has a border color of #00c1fa.

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

CSS codes

.text {color:#00c1fa;}

.background {background-color:#00c1fa;}

.border {border:1px solid #00c1fa;}

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

#000b0f
```
#000b0f rgb(0,11,15)
```
#001a22
```
#001a22 rgb(0,26,34)
```
#002a36
```
#002a36 rgb(0,42,54)
```
#003949
```
#003949 rgb(0,57,73)
```
#00485d
```
#00485d rgb(0,72,93)
```
#005771
```
#005771 rgb(0,87,113)
```
#006684
```
#006684 rgb(0,102,132)
```
#007598
```
#007598 rgb(0,117,152)
```
#0084ac
```
#0084ac rgb(0,132,172)
```
#0094bf
```
#0094bf rgb(0,148,191)
```
#00a3d3
```
#00a3d3 rgb(0,163,211)
```
#00b2e6
```
#00b2e6 rgb(0,178,230)
```
#00c1fa
```
#00c1fa rgb(0,193,250)
```

Shade Color Variation

#0fc8ff
```
#0fc8ff rgb(15,200,255)
```
#22cdff
```
#22cdff rgb(34,205,255)
```
#36d1ff
```
#36d1ff rgb(54,209,255)
```
#49d6ff
```
#49d6ff rgb(73,214,255)
```
#5ddaff
```
#5ddaff rgb(93,218,255)
```
#71dfff
```
#71dfff rgb(113,223,255)
```
#84e3ff
```
#84e3ff rgb(132,227,255)
```
#98e7ff
```
#98e7ff rgb(152,231,255)
```
#acecff
```
#acecff rgb(172,236,255)
```
#bff0ff
```
#bff0ff rgb(191,240,255)
```
#d3f5ff
```
#d3f5ff rgb(211,245,255)
```
#e6f9ff
```
#e6f9ff rgb(230,249,255)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#738287
```
#738287 rgb(115,130,135)
```
#6a8790
```
#6a8790 rgb(106,135,144)
```
#608d9a
```
#608d9a rgb(96,141,154)
```
#5792a3
```
#5792a3 rgb(87,146,163)
```
#4d97ad
```
#4d97ad rgb(77,151,173)
```
#439cb7
```
#439cb7 rgb(67,156,183)
```
#3aa2c0
```
#3aa2c0 rgb(58,162,192)
```
#30a7ca
```
#30a7ca rgb(48,167,202)
```
#26acd4
```
#26acd4 rgb(38,172,212)
```
#1db1dd
```
#1db1dd rgb(29,177,221)
```
#13b7e7
```
#13b7e7 rgb(19,183,231)
```
#0abcf0
```
#0abcf0 rgb(10,188,240)
```
#00c1fa
```
#00c1fa rgb(0,193,250)
```

Tone Color Variation

Below, you can see how #00c1fa 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
#7298a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b4ef Protanopia 1% of men
#97b5ff Deuteranopia 1% of men
#00c8d6 Tritanopia 0.001% of the population

Trichromacy

#69b9f3 Protanomaly 1% of men, 0.01% of women
#60b9fd Deuteranomaly 6% of men, 0.4% of women
#00c5e3 Tritanomaly 0.01% of the population

#00c1fa hex color

#00c1fa Color Information

#00c1fa Color Conversion

Color Schemes with #00c1fa

Alternatives to #00c1fa

#00c1fa Preview

Shades and Tints of #00c1fa

Tones of #00c1fa

Color Blindness Simulator