#02dfb4 hex color

In a RGB color space, hex #02dfb4 is composed of 0.8% red, 87.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 0% magenta, 19.3% yellow and 12.5% black. It has a hue angle of 168.3 degrees, a saturation of 98.2% and a lightness of 44.1%. #02dfb4 color hex could be obtained by blending #04ffff with #00bf69. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 1
- G 87
- B 71
RGB color chart
- C 99
- M 0
- Y 19
- K 13
CMYK color chart

● #02dfb4 color description : Vivid cyan.

The hexadecimal color #02dfb4 has RGB values of R:2, G:223, B:180 and CMYK values of C:0.99, M:0, Y:0.19, K:0.13. Its decimal value is 188340.

Hex triplet	02dfb4	`#02dfb4`
RGB Decimal	2, 223, 180	`rgb(2,223,180)`
RGB Percent	0.8, 87.5, 70.6	`rgb(0.8%,87.5%,70.6%)`
CMYK	99, 0, 19, 13
HSL	168.3°, 98.2, 44.1	`hsl(168.3,98.2%,44.1%)`
HSV (or HSB)	168.3°, 99.1, 87.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	79.659, -55.148, 8.423
XYZ	34.648, 56.08, 52.176
xyY	0.242, 0.392, 56.08
CIE-LCH	79.659, 55.788, 171.316
CIE-LUV	79.659, -65.857, 21.286
Hunter-Lab	74.886, -48.465, 11.111
Binary	00000010, 11011111, 10110100

#02dfb4
```
#02dfb4 rgb(2,223,180)
```
#df022d
```
#df022d rgb(223,2,45)
```

Complementary Color

#02df46
```
#02df46 rgb(2,223,70)
```
#02dfb4
```
#02dfb4 rgb(2,223,180)
```
#029cdf
```
#029cdf rgb(2,156,223)
```

Analogous Color

#df4602
```
#df4602 rgb(223,70,2)
```
#02dfb4
```
#02dfb4 rgb(2,223,180)
```
#df029c
```
#df029c rgb(223,2,156)
```

Split Complementary Color

#dfb402
```
#dfb402 rgb(223,180,2)
```
#02dfb4
```
#02dfb4 rgb(2,223,180)
```
#b402df
```
#b402df rgb(180,2,223)
```

Triadic Color

#2ddf02
```
#2ddf02 rgb(45,223,2)
```
#02dfb4
```
#02dfb4 rgb(2,223,180)
```
#b402df
```
#b402df rgb(180,2,223)
```
#df022d
```
#df022d rgb(223,2,45)
```

Tetradic Color

#019377
```
#019377 rgb(1,147,119)
```
#02ac8b
```
#02ac8b rgb(2,172,139)
```
#02c6a0
```
#02c6a0 rgb(2,198,160)
```
#02dfb4
```
#02dfb4 rgb(2,223,180)
```
#02f8c8
```
#02f8c8 rgb(2,248,200)
```
#17fdd0
```
#17fdd0 rgb(23,253,208)
```
#30fdd5
```
#30fdd5 rgb(48,253,213)
```

Monochromatic Color

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

#02df7d
```
#02df7d rgb(2,223,125)
```
#02df8f
```
#02df8f rgb(2,223,143)
```
#02dfa2
```
#02dfa2 rgb(2,223,162)
```
#02dfb4
```
#02dfb4 rgb(2,223,180)
```
#02dfc6
```
#02dfc6 rgb(2,223,198)
```
#02dfd9
```
#02dfd9 rgb(2,223,217)
```
#02d3df
```
#02d3df rgb(2,211,223)
```

Similar Colors

Text with hexadecimal color #02dfb4

This text has a font color of #02dfb4.

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

#02dfb4 background color

This paragraph has a background color of #02dfb4.

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

#02dfb4 border color

This element has a border color of #02dfb4.

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

CSS codes

.text {color:#02dfb4;}

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

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

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

#000907
```
#000907 rgb(0,9,7)
```
#001d17
```
#001d17 rgb(0,29,23)
```
#003027
```
#003027 rgb(0,48,39)
```
#014336
```
#014336 rgb(1,67,54)
```
#015746
```
#015746 rgb(1,87,70)
```
#016a56
```
#016a56 rgb(1,106,86)
```
#017e66
```
#017e66 rgb(1,126,102)
```
#019175
```
#019175 rgb(1,145,117)
```
#01a585
```
#01a585 rgb(1,165,133)
```
#02b895
```
#02b895 rgb(2,184,149)
```
#02cca4
```
#02cca4 rgb(2,204,164)
```
#02dfb4
```
#02dfb4 rgb(2,223,180)
```
#02f2c4
```
#02f2c4 rgb(2,242,196)
```

Shade Color Variation

#0bfdce
```
#0bfdce rgb(11,253,206)
```
#1ffdd2
```
#1ffdd2 rgb(31,253,210)
```
#32fdd6
```
#32fdd6 rgb(50,253,214)
```
#46fdda
```
#46fdda rgb(70,253,218)
```
#59fede
```
#59fede rgb(89,254,222)
```
#6dfee1
```
#6dfee1 rgb(109,254,225)
```
#80fee5
```
#80fee5 rgb(128,254,229)
```
#94fee9
```
#94fee9 rgb(148,254,233)
```
#a7feed
```
#a7feed rgb(167,254,237)
```
#bafef1
```
#bafef1 rgb(186,254,241)
```
#cefff5
```
#cefff5 rgb(206,255,245)
```
#e1fff9
```
#e1fff9 rgb(225,255,249)
```
#f5fffd
```
#f5fffd rgb(245,255,253)
```

Tint Color Variation

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

#6a7775
```
#6a7775 rgb(106,119,117)
```
#61807a
```
#61807a rgb(97,128,122)
```
#59887f
```
#59887f rgb(89,136,127)
```
#509184
```
#509184 rgb(80,145,132)
```
#479a8a
```
#479a8a rgb(71,154,138)
```
#3fa28f
```
#3fa28f rgb(63,162,143)
```
#36ab94
```
#36ab94 rgb(54,171,148)
```
#2db49a
```
#2db49a rgb(45,180,154)
```
#25bc9f
```
#25bc9f rgb(37,188,159)
```
#1cc5a4
```
#1cc5a4 rgb(28,197,164)
```
#13cea9
```
#13cea9 rgb(19,206,169)
```
#0bd6af
```
#0bd6af rgb(11,214,175)
```
#02dfb4
```
#02dfb4 rgb(2,223,180)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#7aa69e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2c7ac Protanopia 1% of men
#ddc2c2 Deuteranopia 1% of men
#50d9e9 Tritanopia 0.001% of the population

Trichromacy

#86d0ae Protanomaly 1% of men, 0.01% of women
#8dccbd Deuteranomaly 6% of men, 0.4% of women
#33dbd6 Tritanomaly 0.01% of the population

#02dfb4 hex color

#02dfb4 Color Information

#02dfb4 Color Conversion

Color Schemes with #02dfb4

Alternatives to #02dfb4

#02dfb4 Preview

Shades and Tints of #02dfb4

Tones of #02dfb4

Color Blindness Simulator