#02f7dc hex color

In a RGB color space, hex #02f7dc is composed of 0.8% red, 96.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 10.9% yellow and 3.1% black. It has a hue angle of 173.4 degrees, a saturation of 98.4% and a lightness of 48.8%. #02f7dc color hex could be obtained by blending #04ffff with #00efb9. Closest websafe color is: #00ffcc.

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

● #02f7dc color description : Vivid cyan.

The hexadecimal color #02f7dc has RGB values of R:2, G:247, B:220 and CMYK values of C:0.99, M:0, Y:0.11, K:0.03. Its decimal value is 194524.

Hex triplet	02f7dc	`#02f7dc`
RGB Decimal	2, 247, 220	`rgb(2,247,220)`
RGB Percent	0.8, 96.9, 86.3	`rgb(0.8%,96.9%,86.3%)`
CMYK	99, 0, 11, 3
HSL	173.4°, 98.4, 48.8	`hsl(173.4,98.4%,48.8%)`
HSV (or HSB)	173.4°, 99.2, 96.9
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	87.822, -54.38, -0.795
XYZ	46.2, 71.697, 79.11
xyY	0.235, 0.364, 71.697
CIE-LCH	87.822, 54.386, 180.837
CIE-LUV	87.822, -70.622, 7.402
Hunter-Lab	84.674, -50.787, 3.878
Binary	00000010, 11110111, 11011100

#02f7dc
```
#02f7dc rgb(2,247,220)
```
#f7021d
```
#f7021d rgb(247,2,29)
```

Complementary Color

#02f762
```
#02f762 rgb(2,247,98)
```
#02f7dc
```
#02f7dc rgb(2,247,220)
```
#0298f7
```
#0298f7 rgb(2,152,247)
```

Analogous Color

#f76202
```
#f76202 rgb(247,98,2)
```
#02f7dc
```
#02f7dc rgb(2,247,220)
```
#f70298
```
#f70298 rgb(247,2,152)
```

Split Complementary Color

#f7dc02
```
#f7dc02 rgb(247,220,2)
```
#02f7dc
```
#02f7dc rgb(2,247,220)
```
#dc02f7
```
#dc02f7 rgb(220,2,247)
```

Triadic Color

#1df702
```
#1df702 rgb(29,247,2)
```
#02f7dc
```
#02f7dc rgb(2,247,220)
```
#dc02f7
```
#dc02f7 rgb(220,2,247)
```
#f7021d
```
#f7021d rgb(247,2,29)
```

Tetradic Color

#01ab98
```
#01ab98 rgb(1,171,152)
```
#02c4af
```
#02c4af rgb(2,196,175)
```
#02dec5
```
#02dec5 rgb(2,222,197)
```
#02f7dc
```
#02f7dc rgb(2,247,220)
```
#15fde4
```
#15fde4 rgb(21,253,228)
```
#2ffde7
```
#2ffde7 rgb(47,253,231)
```
#48feea
```
#48feea rgb(72,254,234)
```

Monochromatic Color

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

#02f79f
```
#02f79f rgb(2,247,159)
```
#02f7b3
```
#02f7b3 rgb(2,247,179)
```
#02f7c8
```
#02f7c8 rgb(2,247,200)
```
#02f7dc
```
#02f7dc rgb(2,247,220)
```
#02f7f0
```
#02f7f0 rgb(2,247,240)
```
#02e9f7
```
#02e9f7 rgb(2,233,247)
```
#02d5f7
```
#02d5f7 rgb(2,213,247)
```

Similar Colors

Text with hexadecimal color #02f7dc

This text has a font color of #02f7dc.

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

#02f7dc background color

This paragraph has a background color of #02f7dc.

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

#02f7dc border color

This element has a border color of #02f7dc.

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

CSS codes

.text {color:#02f7dc;}

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

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

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

#000e0c
```
#000e0c rgb(0,14,12)
```
#00211d
```
#00211d rgb(0,33,29)
```
#00342f
```
#00342f rgb(0,52,47)
```
#014840
```
#014840 rgb(1,72,64)
```
#015b51
```
#015b51 rgb(1,91,81)
```
#016f63
```
#016f63 rgb(1,111,99)
```
#018274
```
#018274 rgb(1,130,116)
```
#019685
```
#019685 rgb(1,150,133)
```
#01a997
```
#01a997 rgb(1,169,151)
```
#02bda8
```
#02bda8 rgb(2,189,168)
```
#02d0b9
```
#02d0b9 rgb(2,208,185)
```
#02e4cb
```
#02e4cb rgb(2,228,203)
```
#02f7dc
```
#02f7dc rgb(2,247,220)
```

Shade Color Variation

#10fde3
```
#10fde3 rgb(16,253,227)
```
#23fde5
```
#23fde5 rgb(35,253,229)
```
#36fde7
```
#36fde7 rgb(54,253,231)
```
#4afeea
```
#4afeea rgb(74,254,234)
```
#5dfeec
```
#5dfeec rgb(93,254,236)
```
#71feee
```
#71feee rgb(113,254,238)
```
#84fef1
```
#84fef1 rgb(132,254,241)
```
#98fef3
```
#98fef3 rgb(152,254,243)
```
#abfef5
```
#abfef5 rgb(171,254,245)
```
#bffef7
```
#bffef7 rgb(191,254,247)
```
#d2fffa
```
#d2fffa rgb(210,255,250)
```
#e6fffc
```
#e6fffc rgb(230,255,252)
```
#f9fffe
```
#f9fffe rgb(249,255,254)
```

Tint Color Variation

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

#758482
```
#758482 rgb(117,132,130)
```
#6b8e8a
```
#6b8e8a rgb(107,142,138)
```
#629791
```
#629791 rgb(98,151,145)
```
#58a199
```
#58a199 rgb(88,161,153)
```
#4faaa0
```
#4faaa0 rgb(79,170,160)
```
#45b4a8
```
#45b4a8 rgb(69,180,168)
```
#3bbeaf
```
#3bbeaf rgb(59,190,175)
```
#32c7b7
```
#32c7b7 rgb(50,199,183)
```
#28d1be
```
#28d1be rgb(40,209,190)
```
#1fdac6
```
#1fdac6 rgb(31,218,198)
```
#15e4cd
```
#15e4cd rgb(21,228,205)
```
#0cedd5
```
#0cedd5 rgb(12,237,213)
```
#02f7dc
```
#02f7dc rgb(2,247,220)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#89bab5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5ddd0 Protanopia 1% of men
#edd7e9 Deuteranopia 1% of men
#71efff Tritanopia 0.001% of the population

Trichromacy

#92e6d4 Protanomaly 1% of men, 0.01% of women
#97e3e4 Deuteranomaly 6% of men, 0.4% of women
#49f2f2 Tritanomaly 0.01% of the population

#02f7dc hex color

#02f7dc Color Information

#02f7dc Color Conversion

Color Schemes with #02f7dc

Alternatives to #02f7dc

#02f7dc Preview

Shades and Tints of #02f7dc

Tones of #02f7dc

Color Blindness Simulator