#02f9d1 hex color

In a RGB color space, hex #02f9d1 is composed of 0.8% red, 97.6% green and 82% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 16.1% yellow and 2.4% black. It has a hue angle of 170.3 degrees, a saturation of 98.4% and a lightness of 49.2%. #02f9d1 color hex could be obtained by blending #04ffff with #00f3a3. Closest websafe color is: #00ffcc.

♥
- f
- t
- g
- R 1
- G 98
- B 82
RGB color chart
- C 99
- M 0
- Y 16
- K 2
CMYK color chart

● #02f9d1 color description : Vivid cyan.

The hexadecimal color #02f9d1 has RGB values of R:2, G:249, B:209 and CMYK values of C:0.99, M:0, Y:0.16, K:0.02. Its decimal value is 195025.

Hex triplet	02f9d1	`#02f9d1`
RGB Decimal	2, 249, 209	`rgb(2,249,209)`
RGB Percent	0.8, 97.6, 82	`rgb(0.8%,97.6%,82%)`
CMYK	99, 0, 16, 2
HSL	170.3°, 98.4, 49.2	`hsl(170.3,98.4%,49.2%)`
HSV (or HSB)	170.3°, 99.2, 97.6
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	88.143, -58.028, 5.401
XYZ	45.405, 72.363, 71.892
xyY	0.239, 0.382, 72.363
CIE-LCH	88.143, 58.279, 174.682
CIE-LUV	88.143, -72.142, 17.563
Hunter-Lab	85.066, -53.59, 9.438
Binary	00000010, 11111001, 11010001

#02f9d1
```
#02f9d1 rgb(2,249,209)
```
#f9022a
```
#f9022a rgb(249,2,42)
```

Complementary Color

#02f956
```
#02f956 rgb(2,249,86)
```
#02f9d1
```
#02f9d1 rgb(2,249,209)
```
#02a6f9
```
#02a6f9 rgb(2,166,249)
```

Analogous Color

#f95602
```
#f95602 rgb(249,86,2)
```
#02f9d1
```
#02f9d1 rgb(2,249,209)
```
#f902a6
```
#f902a6 rgb(249,2,166)
```

Split Complementary Color

#f9d102
```
#f9d102 rgb(249,209,2)
```
#02f9d1
```
#02f9d1 rgb(2,249,209)
```
#d102f9
```
#d102f9 rgb(209,2,249)
```

Triadic Color

#2af902
```
#2af902 rgb(42,249,2)
```
#02f9d1
```
#02f9d1 rgb(2,249,209)
```
#d102f9
```
#d102f9 rgb(209,2,249)
```
#f9022a
```
#f9022a rgb(249,2,42)
```

Tetradic Color

#01ad91
```
#01ad91 rgb(1,173,145)
```
#02c6a7
```
#02c6a7 rgb(2,198,167)
```
#02e0bc
```
#02e0bc rgb(2,224,188)
```
#02f9d1
```
#02f9d1 rgb(2,249,209)
```
#17fdd8
```
#17fdd8 rgb(23,253,216)
```
#31fddc
```
#31fddc rgb(49,253,220)
```
#4afee0
```
#4afee0 rgb(74,254,224)
```

Monochromatic Color

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

#02f993
```
#02f993 rgb(2,249,147)
```
#02f9a8
```
#02f9a8 rgb(2,249,168)
```
#02f9bc
```
#02f9bc rgb(2,249,188)
```
#02f9d1
```
#02f9d1 rgb(2,249,209)
```
#02f9e6
```
#02f9e6 rgb(2,249,230)
```
#02f8f9
```
#02f8f9 rgb(2,248,249)
```
#02e3f9
```
#02e3f9 rgb(2,227,249)
```

Similar Colors

Text with hexadecimal color #02f9d1

This text has a font color of #02f9d1.

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

#02f9d1 background color

This paragraph has a background color of #02f9d1.

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

#02f9d1 border color

This element has a border color of #02f9d1.

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

CSS codes

.text {color:#02f9d1;}

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

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

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

#000f0d
```
#000f0d rgb(0,15,13)
```
#00231d
```
#00231d rgb(0,35,29)
```
#00362e
```
#00362e rgb(0,54,46)
```
#014a3e
```
#014a3e rgb(1,74,62)
```
#015d4e
```
#015d4e rgb(1,93,78)
```
#01715f
```
#01715f rgb(1,113,95)
```
#01846f
```
#01846f rgb(1,132,111)
```
#01987f
```
#01987f rgb(1,152,127)
```
#01ab90
```
#01ab90 rgb(1,171,144)
```
#02bfa0
```
#02bfa0 rgb(2,191,160)
```
#02d2b0
```
#02d2b0 rgb(2,210,176)
```
#02e6c1
```
#02e6c1 rgb(2,230,193)
```
#02f9d1
```
#02f9d1 rgb(2,249,209)
```

Shade Color Variation

#12fdd7
```
#12fdd7 rgb(18,253,215)
```
#25fdda
```
#25fdda rgb(37,253,218)
```
#38fdde
```
#38fdde rgb(56,253,222)
```
#4cfee1
```
#4cfee1 rgb(76,254,225)
```
#5ffee4
```
#5ffee4 rgb(95,254,228)
```
#73fee7
```
#73fee7 rgb(115,254,231)
```
#86feeb
```
#86feeb rgb(134,254,235)
```
#9afeee
```
#9afeee rgb(154,254,238)
```
#adfef1
```
#adfef1 rgb(173,254,241)
```
#c1fef4
```
#c1fef4 rgb(193,254,244)
```
#d4fff8
```
#d4fff8 rgb(212,255,248)
```
#e8fffb
```
#e8fffb rgb(232,255,251)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#768583
```
#768583 rgb(118,133,131)
```
#6c8f89
```
#6c8f89 rgb(108,143,137)
```
#639890
```
#639890 rgb(99,152,144)
```
#59a296
```
#59a296 rgb(89,162,150)
```
#4fac9d
```
#4fac9d rgb(79,172,157)
```
#46b5a3
```
#46b5a3 rgb(70,181,163)
```
#3cbfaa
```
#3cbfaa rgb(60,191,170)
```
#32c9b0
```
#32c9b0 rgb(50,201,176)
```
#29d2b7
```
#29d2b7 rgb(41,210,183)
```
#1fdcbd
```
#1fdcbd rgb(31,220,189)
```
#15e6c4
```
#15e6c4 rgb(21,230,196)
```
#0cefca
```
#0cefca rgb(12,239,202)
```
#02f9d1
```
#02f9d1 rgb(2,249,209)
```

Tone Color Variation

Below, you can see how #02f9d1 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
#89bbb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8dec6 Protanopia 1% of men
#f3d8df Deuteranopia 1% of men
#79efff Tritanopia 0.001% of the population

Trichromacy

#94e7ca Protanomaly 1% of men, 0.01% of women
#9be4da Deuteranomaly 6% of men, 0.4% of women
#4ef2ee Tritanomaly 0.01% of the population

#02f9d1 hex color

#02f9d1 Color Information

#02f9d1 Color Conversion

Color Schemes with #02f9d1

Alternatives to #02f9d1

#02f9d1 Preview

Shades and Tints of #02f9d1

Tones of #02f9d1

Color Blindness Simulator