#02c2ed hex color

In a RGB color space, hex #02c2ed is composed of 0.8% red, 76.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 18.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 191 degrees, a saturation of 98.3% and a lightness of 46.9%. #02c2ed color hex could be obtained by blending #04ffff with #0085db. Closest websafe color is: #00ccff.

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

● #02c2ed color description : Vivid cyan.

The hexadecimal color #02c2ed has RGB values of R:2, G:194, B:237 and CMYK values of C:0.99, M:0.18, Y:0, K:0.07. Its decimal value is 180973.

Hex triplet	02c2ed	`#02c2ed`
RGB Decimal	2, 194, 237	`rgb(2,194,237)`
RGB Percent	0.8, 76.1, 92.9	`rgb(0.8%,76.1%,92.9%)`
CMYK	99, 18, 0, 7
HSL	191°, 98.3, 46.9	`hsl(191,98.3%,46.9%)`
HSV (or HSB)	191°, 99.2, 92.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	72.699, -25.315, -32.603
XYZ	34.599, 44.707, 86.922
xyY	0.208, 0.269, 44.707
CIE-LCH	72.699, 41.278, 232.172
CIE-LUV	72.699, -51.574, -48.953
Hunter-Lab	66.864, -24.646, -30.272
Binary	00000010, 11000010, 11101101

#02c2ed
```
#02c2ed rgb(2,194,237)
```
#ed2d02
```
#ed2d02 rgb(237,45,2)
```

Complementary Color

#02eda3
```
#02eda3 rgb(2,237,163)
```
#02c2ed
```
#02c2ed rgb(2,194,237)
```
#024ded
```
#024ded rgb(2,77,237)
```

Analogous Color

#eda302
```
#eda302 rgb(237,163,2)
```
#02c2ed
```
#02c2ed rgb(2,194,237)
```
#ed024c
```
#ed024c rgb(237,2,76)
```

Split Complementary Color

#c2ed02
```
#c2ed02 rgb(194,237,2)
```
#02c2ed
```
#02c2ed rgb(2,194,237)
```
#ed02c2
```
#ed02c2 rgb(237,2,194)
```

Triadic Color

#02ed2d
```
#02ed2d rgb(2,237,45)
```
#02c2ed
```
#02c2ed rgb(2,194,237)
```
#ed02c2
```
#ed02c2 rgb(237,2,194)
```
#ed2d02
```
#ed2d02 rgb(237,45,2)
```

Tetradic Color

#0184a1
```
#0184a1 rgb(1,132,161)
```
#0299ba
```
#0299ba rgb(2,153,186)
```
#02add4
```
#02add4 rgb(2,173,212)
```
#02c2ed
```
#02c2ed rgb(2,194,237)
```
#0cd1fd
```
#0cd1fd rgb(12,209,253)
```
#25d6fd
```
#25d6fd rgb(37,214,253)
```
#3edafd
```
#3edafd rgb(62,218,253)
```

Monochromatic Color

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

#02eddd
```
#02eddd rgb(2,237,221)
```
#02e9ed
```
#02e9ed rgb(2,233,237)
```
#02d6ed
```
#02d6ed rgb(2,214,237)
```
#02c2ed
```
#02c2ed rgb(2,194,237)
```
#02aeed
```
#02aeed rgb(2,174,237)
```
#029bed
```
#029bed rgb(2,155,237)
```
#0287ed
```
#0287ed rgb(2,135,237)
```

Similar Colors

Text with hexadecimal color #02c2ed

This text has a font color of #02c2ed.

<span style="color:#02c2ed;">Text here</span>

#02c2ed background color

This paragraph has a background color of #02c2ed.

<p style="background-color:#02c2ed;">Content here</p>

#02c2ed border color

This element has a border color of #02c2ed.

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

CSS codes

.text {color:#02c2ed;}

.background {background-color:#02c2ed;}

.border {border:1px solid #02c2ed;}

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, #000304 is the darkest color, while #effcff is the lightest one.

#000304
```
#000304 rgb(0,3,4)
```
#001317
```
#001317 rgb(0,19,23)
```
#00232a
```
#00232a rgb(0,35,42)
```
#01333e
```
#01333e rgb(1,51,62)
```
#014351
```
#014351 rgb(1,67,81)
```
#015365
```
#015365 rgb(1,83,101)
```
#016278
```
#016278 rgb(1,98,120)
```
#01728c
```
#01728c rgb(1,114,140)
```
#01829f
```
#01829f rgb(1,130,159)
```
#0292b3
```
#0292b3 rgb(2,146,179)
```
#02a2c6
```
#02a2c6 rgb(2,162,198)
```
#02b2da
```
#02b2da rgb(2,178,218)
```
#02c2ed
```
#02c2ed rgb(2,194,237)
```

Shade Color Variation

#06d0fd
```
#06d0fd rgb(6,208,253)
```
#19d3fd
```
#19d3fd rgb(25,211,253)
```
#2dd7fd
```
#2dd7fd rgb(45,215,253)
```
#40dbfd
```
#40dbfd rgb(64,219,253)
```
#54defe
```
#54defe rgb(84,222,254)
```
#67e2fe
```
#67e2fe rgb(103,226,254)
```
#7ae6fe
```
#7ae6fe rgb(122,230,254)
```
#8eeafe
```
#8eeafe rgb(142,234,254)
```
#a1edfe
```
#a1edfe rgb(161,237,254)
```
#b5f1fe
```
#b5f1fe rgb(181,241,254)
```
#c8f5ff
```
#c8f5ff rgb(200,245,255)
```
#dcf8ff
```
#dcf8ff rgb(220,248,255)
```
#effcff
```
#effcff rgb(239,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707c7f is the less saturated color, while #02c2ed is the most saturated one.

#707c7f
```
#707c7f rgb(112,124,127)
```
#678288
```
#678288 rgb(103,130,136)
```
#5e8891
```
#5e8891 rgb(94,136,145)
```
#558e9a
```
#558e9a rgb(85,142,154)
```
#4c93a3
```
#4c93a3 rgb(76,147,163)
```
#4299ad
```
#4299ad rgb(66,153,173)
```
#399fb6
```
#399fb6 rgb(57,159,182)
```
#30a5bf
```
#30a5bf rgb(48,165,191)
```
#27abc8
```
#27abc8 rgb(39,171,200)
```
#1eb1d1
```
#1eb1d1 rgb(30,177,209)
```
#14b6db
```
#14b6db rgb(20,182,219)
```
#0bbce4
```
#0bbce4 rgb(11,188,228)
```
#02c2ed
```
#02c2ed rgb(2,194,237)
```

Tone Color Variation

Below, you can see how #02c2ed 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

#8d8d8d Achromatopsia 0.005% of the population
#7198a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b4e2 Protanopia 1% of men
#a0b4f4 Deuteranopia 1% of men
#00c8d6 Tritanopia 0.001% of the population

Trichromacy

#6cb9e6 Protanomaly 1% of men, 0.01% of women
#67b9f1 Deuteranomaly 6% of men, 0.4% of women
#00c5de Tritanomaly 0.01% of the population

#02c2ed hex color

#02c2ed Color Information

#02c2ed Color Conversion

Color Schemes with #02c2ed

Alternatives to #02c2ed

#02c2ed Preview

Shades and Tints of #02c2ed

Tones of #02c2ed

Color Blindness Simulator