#02fde2 hex color

In a RGB color space, hex #02fde2 is composed of 0.8% red, 99.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 10.7% yellow and 0.8% black. It has a hue angle of 173.5 degrees, a saturation of 98.4% and a lightness of 50%. #02fde2 color hex could be obtained by blending #04ffff with #00fbc5. Closest websafe color is: #00ffcc.

♥
- f
- t
- g
- R 1
- G 99
- B 89
RGB color chart
- C 99
- M 0
- Y 11
- K 1
CMYK color chart

● #02fde2 color description : Vivid cyan.

The hexadecimal color #02fde2 has RGB values of R:2, G:253, B:226 and CMYK values of C:0.99, M:0, Y:0.11, K:0.01. Its decimal value is 196066.

Hex triplet	02fde2	`#02fde2`
RGB Decimal	2, 253, 226	`rgb(2,253,226)`
RGB Percent	0.8, 99.2, 88.6	`rgb(0.8%,99.2%,88.6%)`
CMYK	99, 0, 11, 1
HSL	173.5°, 98.4, 50	`hsl(173.5,98.4%,50%)`
HSV (or HSB)	173.5°, 99.2, 99.2
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	89.743, -55.216, -1.109
XYZ	48.873, 75.749, 83.993
xyY	0.234, 0.363, 75.749
CIE-LCH	89.743, 55.227, 181.151
CIE-LUV	89.743, -72.107, 7.065
Hunter-Lab	87.034, -52.075, 3.706
Binary	00000010, 11111101, 11100010

#02fde2
```
#02fde2 rgb(2,253,226)
```
#fd021d
```
#fd021d rgb(253,2,29)
```

Complementary Color

#02fd65
```
#02fd65 rgb(2,253,101)
```
#02fde2
```
#02fde2 rgb(2,253,226)
```
#029bfd
```
#029bfd rgb(2,155,253)
```

Analogous Color

#fd6502
```
#fd6502 rgb(253,101,2)
```
#02fde2
```
#02fde2 rgb(2,253,226)
```
#fd029b
```
#fd029b rgb(253,2,155)
```

Split Complementary Color

#fde202
```
#fde202 rgb(253,226,2)
```
#02fde2
```
#02fde2 rgb(2,253,226)
```
#e202fd
```
#e202fd rgb(226,2,253)
```

Triadic Color

#1dfd02
```
#1dfd02 rgb(29,253,2)
```
#02fde2
```
#02fde2 rgb(2,253,226)
```
#e202fd
```
#e202fd rgb(226,2,253)
```
#fd021d
```
#fd021d rgb(253,2,29)
```

Tetradic Color

#01b19e
```
#01b19e rgb(1,177,158)
```
#02cab5
```
#02cab5 rgb(2,202,181)
```
#02e4cb
```
#02e4cb rgb(2,228,203)
```
#02fde2
```
#02fde2 rgb(2,253,226)
```
#1bfde5
```
#1bfde5 rgb(27,253,229)
```
#35fde8
```
#35fde8 rgb(53,253,232)
```
#4efeeb
```
#4efeeb rgb(78,254,235)
```

Monochromatic Color

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

#02fda3
```
#02fda3 rgb(2,253,163)
```
#02fdb8
```
#02fdb8 rgb(2,253,184)
```
#02fdcd
```
#02fdcd rgb(2,253,205)
```
#02fde2
```
#02fde2 rgb(2,253,226)
```
#02fdf7
```
#02fdf7 rgb(2,253,247)
```
#02eefd
```
#02eefd rgb(2,238,253)
```
#02d9fd
```
#02d9fd rgb(2,217,253)
```

Similar Colors

Text with hexadecimal color #02fde2

This text has a font color of #02fde2.

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

#02fde2 background color

This paragraph has a background color of #02fde2.

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

#02fde2 border color

This element has a border color of #02fde2.

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

CSS codes

.text {color:#02fde2;}

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

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

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

#001311
```
#001311 rgb(0,19,17)
```
#002723
```
#002723 rgb(0,39,35)
```
#003a34
```
#003a34 rgb(0,58,52)
```
#014e46
```
#014e46 rgb(1,78,70)
```
#016157
```
#016157 rgb(1,97,87)
```
#017568
```
#017568 rgb(1,117,104)
```
#01887a
```
#01887a rgb(1,136,122)
```
#019c8b
```
#019c8b rgb(1,156,139)
```
#01af9c
```
#01af9c rgb(1,175,156)
```
#02c3ae
```
#02c3ae rgb(2,195,174)
```
#02d6bf
```
#02d6bf rgb(2,214,191)
```
#02ead1
```
#02ead1 rgb(2,234,209)
```
#02fde2
```
#02fde2 rgb(2,253,226)
```

Shade Color Variation

#15fde4
```
#15fde4 rgb(21,253,228)
```
#29fde6
```
#29fde6 rgb(41,253,230)
```
#3cfde9
```
#3cfde9 rgb(60,253,233)
```
#50feeb
```
#50feeb rgb(80,254,235)
```
#63feed
```
#63feed rgb(99,254,237)
```
#77feef
```
#77feef rgb(119,254,239)
```
#8afef2
```
#8afef2 rgb(138,254,242)
```
#9efef4
```
#9efef4 rgb(158,254,244)
```
#b1fef6
```
#b1fef6 rgb(177,254,246)
```
#c5fff8
```
#c5fff8 rgb(197,255,248)
```
#d8fffb
```
#d8fffb rgb(216,255,251)
```
#ecfffd
```
#ecfffd rgb(236,255,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#788786
```
#788786 rgb(120,135,134)
```
#6e918d
```
#6e918d rgb(110,145,141)
```
#649b95
```
#649b95 rgb(100,155,149)
```
#5aa59d
```
#5aa59d rgb(90,165,157)
```
#50afa4
```
#50afa4 rgb(80,175,164)
```
#47b8ac
```
#47b8ac rgb(71,184,172)
```
#3dc2b4
```
#3dc2b4 rgb(61,194,180)
```
#33ccbc
```
#33ccbc rgb(51,204,188)
```
#29d6c3
```
#29d6c3 rgb(41,214,195)
```
#1fe0cb
```
#1fe0cb rgb(31,224,203)
```
#16e9d3
```
#16e9d3 rgb(22,233,211)
```
#0cf3da
```
#0cf3da rgb(12,243,218)
```
#02fde2
```
#02fde2 rgb(2,253,226)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#8cbfb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eae2d5 Protanopia 1% of men
#f2dcef Deuteranopia 1% of men
#93f1ff Tritanopia 0.001% of the population

Trichromacy

#95ebda Protanomaly 1% of men, 0.01% of women
#9be8ea Deuteranomaly 6% of men, 0.4% of women
#5ef5f4 Tritanomaly 0.01% of the population

#02fde2 hex color

#02fde2 Color Information

#02fde2 Color Conversion

Color Schemes with #02fde2

Alternatives to #02fde2

#02fde2 Preview

Shades and Tints of #02fde2

Tones of #02fde2

Color Blindness Simulator