#00c2fd hex color

In a RGB color space, hex #00c2fd is composed of 0% red, 76.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 23.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 194 degrees, a saturation of 100% and a lightness of 49.6%. #00c2fd color hex could be obtained by blending #00ffff with #0085fb. Closest websafe color is: #00ccff.

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

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

The hexadecimal color #00c2fd has RGB values of R:0, G:194, B:253 and CMYK values of C:1, M:0.23, Y:0, K:0.01. Its decimal value is 49917.

Hex triplet	00c2fd	`#00c2fd`
RGB Decimal	0, 194, 253	`rgb(0,194,253)`
RGB Percent	0, 76.1, 99.2	`rgb(0%,76.1%,99.2%)`
CMYK	100, 23, 0, 1
HSL	194°, 100, 49.6	`hsl(194,100%,49.6%)`
HSV (or HSB)	194°, 100, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	73.332, -19.914, -40.248
XYZ	37.017, 45.672, 99.788
xyY	0.203, 0.25, 45.672
CIE-LCH	73.332, 44.905, 243.674
CIE-LUV	73.332, -50.414, -62.847
Hunter-Lab	67.581, -20.495, -40.239
Binary	00000000, 11000010, 11111101

#00c2fd
```
#00c2fd rgb(0,194,253)
```
#fd3b00
```
#fd3b00 rgb(253,59,0)
```

Complementary Color

#00fdba
```
#00fdba rgb(0,253,186)
```
#00c2fd
```
#00c2fd rgb(0,194,253)
```
#0044fd
```
#0044fd rgb(0,68,253)
```

Analogous Color

#fdba00
```
#fdba00 rgb(253,186,0)
```
#00c2fd
```
#00c2fd rgb(0,194,253)
```
#fd0044
```
#fd0044 rgb(253,0,68)
```

Split Complementary Color

#c2fd00
```
#c2fd00 rgb(194,253,0)
```
#00c2fd
```
#00c2fd rgb(0,194,253)
```
#fd00c2
```
#fd00c2 rgb(253,0,194)
```

Triadic Color

#00fd3b
```
#00fd3b rgb(0,253,59)
```
#00c2fd
```
#00c2fd rgb(0,194,253)
```
#fd00c2
```
#fd00c2 rgb(253,0,194)
```
#fd3b00
```
#fd3b00 rgb(253,59,0)
```

Tetradic Color

#0087b1
```
#0087b1 rgb(0,135,177)
```
#009bca
```
#009bca rgb(0,155,202)
```
#00aee4
```
#00aee4 rgb(0,174,228)
```
#00c2fd
```
#00c2fd rgb(0,194,253)
```
#18c9ff
```
#18c9ff rgb(24,201,255)
```
#31cfff
```
#31cfff rgb(49,207,255)
```
#4bd5ff
```
#4bd5ff rgb(75,213,255)
```

Monochromatic Color

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

#00fdf9
```
#00fdf9 rgb(0,253,249)
```
#00ecfd
```
#00ecfd rgb(0,236,253)
```
#00d7fd
```
#00d7fd rgb(0,215,253)
```
#00c2fd
```
#00c2fd rgb(0,194,253)
```
#00adfd
```
#00adfd rgb(0,173,253)
```
#0098fd
```
#0098fd rgb(0,152,253)
```
#0083fd
```
#0083fd rgb(0,131,253)
```

Similar Colors

Text with hexadecimal color #00c2fd

This text has a font color of #00c2fd.

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

#00c2fd background color

This paragraph has a background color of #00c2fd.

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

#00c2fd border color

This element has a border color of #00c2fd.

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

CSS codes

.text {color:#00c2fd;}

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

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

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

#000e12
```
#000e12 rgb(0,14,18)
```
#001d25
```
#001d25 rgb(0,29,37)
```
#002c39
```
#002c39 rgb(0,44,57)
```
#003b4c
```
#003b4c rgb(0,59,76)
```
#004a60
```
#004a60 rgb(0,74,96)
```
#005974
```
#005974 rgb(0,89,116)
```
#006887
```
#006887 rgb(0,104,135)
```
#00779b
```
#00779b rgb(0,119,155)
```
#0086af
```
#0086af rgb(0,134,175)
```
#0095c2
```
#0095c2 rgb(0,149,194)
```
#00a4d6
```
#00a4d6 rgb(0,164,214)
```
#00b3e9
```
#00b3e9 rgb(0,179,233)
```
#00c2fd
```
#00c2fd rgb(0,194,253)
```

Shade Color Variation

#12c8ff
```
#12c8ff rgb(18,200,255)
```
#25ccff
```
#25ccff rgb(37,204,255)
```
#39d1ff
```
#39d1ff rgb(57,209,255)
```
#4cd5ff
```
#4cd5ff rgb(76,213,255)
```
#60daff
```
#60daff rgb(96,218,255)
```
#74dfff
```
#74dfff rgb(116,223,255)
```
#87e3ff
```
#87e3ff rgb(135,227,255)
```
#9be8ff
```
#9be8ff rgb(155,232,255)
```
#afecff
```
#afecff rgb(175,236,255)
```
#c2f1ff
```
#c2f1ff rgb(194,241,255)
```
#d6f5ff
```
#d6f5ff rgb(214,245,255)
```
#e9faff
```
#e9faff rgb(233,250,255)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#758488
```
#758488 rgb(117,132,136)
```
#6b8992
```
#6b8992 rgb(107,137,146)
```
#618e9c
```
#618e9c rgb(97,142,156)
```
#5893a5
```
#5893a5 rgb(88,147,165)
```
#4e98af
```
#4e98af rgb(78,152,175)
```
#449eb9
```
#449eb9 rgb(68,158,185)
```
#3aa3c3
```
#3aa3c3 rgb(58,163,195)
```
#31a8cc
```
#31a8cc rgb(49,168,204)
```
#27add6
```
#27add6 rgb(39,173,214)
```
#1db2e0
```
#1db2e0 rgb(29,178,224)
```
#13b8ea
```
#13b8ea rgb(19,184,234)
```
#0abdf3
```
#0abdf3 rgb(10,189,243)
```
#00c2fd
```
#00c2fd rgb(0,194,253)
```

Tone Color Variation

Below, you can see how #00c2fd 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
#7299a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b5f2 Protanopia 1% of men
#99b6ff Deuteranopia 1% of men
#00c9d7 Tritanopia 0.001% of the population

Trichromacy

#69baf6 Protanomaly 1% of men, 0.01% of women
#61bafe Deuteranomaly 6% of men, 0.4% of women
#00c7e5 Tritanomaly 0.01% of the population

#00c2fd hex color

#00c2fd Color Information

#00c2fd Color Conversion

Color Schemes with #00c2fd

Alternatives to #00c2fd

#00c2fd Preview

Shades and Tints of #00c2fd

Tones of #00c2fd

Color Blindness Simulator