colorhexa.com

#02f1d8 hex color

In a RGB color space, hex #02f1d8 is composed of 0.8% red, 94.5% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 10.4% yellow and 5.5% black. It has a hue angle of 173.7 degrees, a saturation of 98.4% and a lightness of 47.6%. #02f1d8 color hex could be obtained by blending #04ffff with #00e3b1. Closest websafe color is: #00ffcc.

- R 1
- G 95
- B 85
RGB color chart
- C 99
- M 0
- Y 10
- K 5
CMYK color chart

● #02f1d8 color description : Vivid cyan.

The hexadecimal color #02f1d8 has RGB values of R:2, G:241, B:216 and CMYK values of C:0.99, M:0, Y:0.1, K:0.05. Its decimal value is 192984.

Hex triplet	02f1d8	`#02f1d8`
RGB Decimal	2, 241, 216	`rgb(2,241,216)`
RGB Percent	0.8, 94.5, 84.7	`rgb(0.8%,94.5%,84.7%)`
CMYK	99, 0, 10, 5
HSL	173.7°, 98.4, 47.6	`hsl(173.7,98.4%,47.6%)`
HSV (or HSB)	173.7°, 99.2, 94.5
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	85.945, -53.007, -1.451
XYZ	43.871, 67.877, 75.751
xyY	0.234, 0.362, 67.877
CIE-LCH	85.945, 53.027, 181.568
CIE-LUV	85.945, -68.97, 6.132
Hunter-Lab	82.387, -49.128, 3.157
Binary	00000010, 11110001, 11011000

#02f1d8
```
#02f1d8 rgb(2,241,216)
```
#f1021b
```
#f1021b rgb(241,2,27)
```

Complementary Color

#02f161
```
#02f161 rgb(2,241,97)
```
#02f1d8
```
#02f1d8 rgb(2,241,216)
```
#0293f1
```
#0293f1 rgb(2,147,241)
```

Analogous Color

#f16102
```
#f16102 rgb(241,97,2)
```
#02f1d8
```
#02f1d8 rgb(2,241,216)
```
#f10293
```
#f10293 rgb(241,2,147)
```

Split Complementary Color

#f1d802
```
#f1d802 rgb(241,216,2)
```
#02f1d8
```
#02f1d8 rgb(2,241,216)
```
#d802f1
```
#d802f1 rgb(216,2,241)
```

Triadic Color

#01a594
```
#01a594 rgb(1,165,148)
```
#02beab
```
#02beab rgb(2,190,171)
```
#02d8c1
```
#02d8c1 rgb(2,216,193)
```
#02f1d8
```
#02f1d8 rgb(2,241,216)
```
#0ffde4
```
#0ffde4 rgb(15,253,228)
```
#29fde7
```
#29fde7 rgb(41,253,231)
```
#42fdea
```
#42fdea rgb(66,253,234)
```

Monochromatic Color

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

#02f19c
```
#02f19c rgb(2,241,156)
```
#02f1b0
```
#02f1b0 rgb(2,241,176)
```
#02f1c4
```
#02f1c4 rgb(2,241,196)
```
#02f1d8
```
#02f1d8 rgb(2,241,216)
```
#02f1ec
```
#02f1ec rgb(2,241,236)
```
#02e2f1
```
#02e2f1 rgb(2,226,241)
```
#02cef1
```
#02cef1 rgb(2,206,241)
```

Similar Colors

Text with hexadecimal color #02f1d8

This text has a font color of #02f1d8.

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

#02f1d8 background color

This paragraph has a background color of #02f1d8.

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

#02f1d8 border color

This element has a border color of #02f1d8.

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

CSS codes

.text {color:#02f1d8;}

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

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

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

#000807
```
#000807 rgb(0,8,7)
```
#001b18
```
#001b18 rgb(0,27,24)
```
#002e2a
```
#002e2a rgb(0,46,42)
```
#01423b
```
#01423b rgb(1,66,59)
```
#01554d
```
#01554d rgb(1,85,77)
```
#01695e
```
#01695e rgb(1,105,94)
```
#017c6f
```
#017c6f rgb(1,124,111)
```
#019081
```
#019081 rgb(1,144,129)
```
#01a392
```
#01a392 rgb(1,163,146)
```
#02b7a4
```
#02b7a4 rgb(2,183,164)
```
#02cab5
```
#02cab5 rgb(2,202,181)
```
#02dec7
```
#02dec7 rgb(2,222,199)
```
#02f1d8
```
#02f1d8 rgb(2,241,216)
```

Shade Color Variation

#0afde4
```
#0afde4 rgb(10,253,228)
```
#1dfde6
```
#1dfde6 rgb(29,253,230)
```
#31fde8
```
#31fde8 rgb(49,253,232)
```
#44fdea
```
#44fdea rgb(68,253,234)
```
#57feec
```
#57feec rgb(87,254,236)
```
#6bfeee
```
#6bfeee rgb(107,254,238)
```
#7efef1
```
#7efef1 rgb(126,254,241)
```
#92fef3
```
#92fef3 rgb(146,254,243)
```
#a5fef5
```
#a5fef5 rgb(165,254,245)
```
#b9fef7
```
#b9fef7 rgb(185,254,247)
```
#ccfff9
```
#ccfff9 rgb(204,255,249)
```
#e0fffb
```
#e0fffb rgb(224,255,251)
```
#f3fffe
```
#f3fffe rgb(243,255,254)
```

Tint Color Variation

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

#72817f
```
#72817f rgb(114,129,127)
```
#698a87
```
#698a87 rgb(105,138,135)
```
#5f948e
```
#5f948e rgb(95,148,142)
```
#569d95
```
#569d95 rgb(86,157,149)
```
#4da69d
```
#4da69d rgb(77,166,157)
```
#43b0a4
```
#43b0a4 rgb(67,176,164)
```
#3ab9ac
```
#3ab9ac rgb(58,185,172)
```
#31c2b3
```
#31c2b3 rgb(49,194,179)
```
#27ccba
```
#27ccba rgb(39,204,186)
```
#1ed5c2
```
#1ed5c2 rgb(30,213,194)
```
#15dec9
```
#15dec9 rgb(21,222,201)
```
#0be8d1
```
#0be8d1 rgb(11,232,209)
```
#02f1d8
```
#02f1d8 rgb(2,241,216)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#86b6b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd8cc Protanopia 1% of men
#e7d3e5 Deuteranopia 1% of men
#4becfd Tritanopia 0.001% of the population

Trichromacy

#8fe1d0 Protanomaly 1% of men, 0.01% of women
#93dde0 Deuteranomaly 6% of men, 0.4% of women
#30eeef Tritanomaly 0.01% of the population