#00c2f9 hex color

In a RGB color space, hex #00c2f9 is composed of 0% red, 76.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 22.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 193.3 degrees, a saturation of 100% and a lightness of 48.8%. #00c2f9 color hex could be obtained by blending #00ffff with #0085f3. Closest websafe color is: #00ccff.

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

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

The hexadecimal color #00c2f9 has RGB values of R:0, G:194, B:249 and CMYK values of C:1, M:0.22, Y:0, K:0.02. Its decimal value is 49913.

Hex triplet	00c2f9	`#00c2f9`
RGB Decimal	0, 194, 249	`rgb(0,194,249)`
RGB Percent	0, 76.1, 97.6	`rgb(0%,76.1%,97.6%)`
CMYK	100, 22, 0, 2
HSL	193.3°, 100, 48.8	`hsl(193.3,100%,48.8%)`
HSV (or HSB)	193.3°, 100, 97.6
Web Safe	00ccff	`#00ccff`

CIE-LAB	73.167, -21.289, -38.352
XYZ	36.386, 45.419, 96.466
xyY	0.204, 0.255, 45.419
CIE-LCH	73.167, 43.865, 240.965
CIE-LUV	73.167, -50.715, -59.385
Hunter-Lab	67.394, -21.567, -37.691
Binary	00000000, 11000010, 11111001

#00c2f9
```
#00c2f9 rgb(0,194,249)
```
#f93700
```
#f93700 rgb(249,55,0)
```

Complementary Color

#00f9b4
```
#00f9b4 rgb(0,249,180)
```
#00c2f9
```
#00c2f9 rgb(0,194,249)
```
#0046f9
```
#0046f9 rgb(0,70,249)
```

Analogous Color

#f9b400
```
#f9b400 rgb(249,180,0)
```
#00c2f9
```
#00c2f9 rgb(0,194,249)
```
#f90046
```
#f90046 rgb(249,0,70)
```

Split Complementary Color

#c2f900
```
#c2f900 rgb(194,249,0)
```
#00c2f9
```
#00c2f9 rgb(0,194,249)
```
#f900c2
```
#f900c2 rgb(249,0,194)
```

Triadic Color

#00f937
```
#00f937 rgb(0,249,55)
```
#00c2f9
```
#00c2f9 rgb(0,194,249)
```
#f900c2
```
#f900c2 rgb(249,0,194)
```
#f93700
```
#f93700 rgb(249,55,0)
```

Tetradic Color

#0086ad
```
#0086ad rgb(0,134,173)
```
#009ac6
```
#009ac6 rgb(0,154,198)
```
#00aee0
```
#00aee0 rgb(0,174,224)
```
#00c2f9
```
#00c2f9 rgb(0,194,249)
```
#14cbff
```
#14cbff rgb(20,203,255)
```
#2dd1ff
```
#2dd1ff rgb(45,209,255)
```
#47d6ff
```
#47d6ff rgb(71,214,255)
```

Monochromatic Color

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

#00f9f2
```
#00f9f2 rgb(0,249,242)
```
#00ecf9
```
#00ecf9 rgb(0,236,249)
```
#00d7f9
```
#00d7f9 rgb(0,215,249)
```
#00c2f9
```
#00c2f9 rgb(0,194,249)
```
#00adf9
```
#00adf9 rgb(0,173,249)
```
#0099f9
```
#0099f9 rgb(0,153,249)
```
#0084f9
```
#0084f9 rgb(0,132,249)
```

Similar Colors

Text with hexadecimal color #00c2f9

This text has a font color of #00c2f9.

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

#00c2f9 background color

This paragraph has a background color of #00c2f9.

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

#00c2f9 border color

This element has a border color of #00c2f9.

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

CSS codes

.text {color:#00c2f9;}

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

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

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

#000b0e
```
#000b0e rgb(0,11,14)
```
#001a21
```
#001a21 rgb(0,26,33)
```
#002935
```
#002935 rgb(0,41,53)
```
#003848
```
#003848 rgb(0,56,72)
```
#00485c
```
#00485c rgb(0,72,92)
```
#005770
```
#005770 rgb(0,87,112)
```
#006683
```
#006683 rgb(0,102,131)
```
#007697
```
#007697 rgb(0,118,151)
```
#0085ab
```
#0085ab rgb(0,133,171)
```
#0094be
```
#0094be rgb(0,148,190)
```
#00a3d2
```
#00a3d2 rgb(0,163,210)
```
#00b3e5
```
#00b3e5 rgb(0,179,229)
```
#00c2f9
```
#00c2f9 rgb(0,194,249)
```

Shade Color Variation

#0ecaff
```
#0ecaff rgb(14,202,255)
```
#21ceff
```
#21ceff rgb(33,206,255)
```
#35d2ff
```
#35d2ff rgb(53,210,255)
```
#48d7ff
```
#48d7ff rgb(72,215,255)
```
#5cdbff
```
#5cdbff rgb(92,219,255)
```
#70dfff
```
#70dfff rgb(112,223,255)
```
#83e4ff
```
#83e4ff rgb(131,228,255)
```
#97e8ff
```
#97e8ff rgb(151,232,255)
```
#abecff
```
#abecff rgb(171,236,255)
```
#bef1ff
```
#bef1ff rgb(190,241,255)
```
#d2f5ff
```
#d2f5ff rgb(210,245,255)
```
#e5f9ff
```
#e5f9ff rgb(229,249,255)
```
#f9feff
```
#f9feff rgb(249,254,255)
```

Tint Color Variation

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

#738286
```
#738286 rgb(115,130,134)
```
#698790
```
#698790 rgb(105,135,144)
```
#608d99
```
#608d99 rgb(96,141,153)
```
#5692a3
```
#5692a3 rgb(86,146,163)
```
#4d97ac
```
#4d97ac rgb(77,151,172)
```
#439db6
```
#439db6 rgb(67,157,182)
```
#39a2c0
```
#39a2c0 rgb(57,162,192)
```
#30a7c9
```
#30a7c9 rgb(48,167,201)
```
#26add3
```
#26add3 rgb(38,173,211)
```
#1db2dc
```
#1db2dc rgb(29,178,220)
```
#13b7e6
```
#13b7e6 rgb(19,183,230)
```
#0abdef
```
#0abdef rgb(10,189,239)
```
#00c2f9
```
#00c2f9 rgb(0,194,249)
```

Tone Color Variation

Below, you can see how #00c2f9 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

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

Trichromacy

#69baf2 Protanomaly 1% of men, 0.01% of women
#61bafc Deuteranomaly 6% of men, 0.4% of women
#00c6e3 Tritanomaly 0.01% of the population

#00c2f9 hex color

#00c2f9 Color Information

#00c2f9 Color Conversion

Color Schemes with #00c2f9

Alternatives to #00c2f9

#00c2f9 Preview

Shades and Tints of #00c2f9

Tones of #00c2f9

Color Blindness Simulator