#02dfb9 hex color

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

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

● #02dfb9 color description : Vivid cyan.

The hexadecimal color #02dfb9 has RGB values of R:2, G:223, B:185 and CMYK values of C:0.99, M:0, Y:0.17, K:0.13. Its decimal value is 188345.

Hex triplet	02dfb9	`#02dfb9`
RGB Decimal	2, 223, 185	`rgb(2,223,185)`
RGB Percent	0.8, 87.5, 72.5	`rgb(0.8%,87.5%,72.5%)`
CMYK	99, 0, 17, 13
HSL	169.7°, 98.2, 44.1	`hsl(169.7,98.2%,44.1%)`
HSV (or HSB)	169.7°, 99.1, 87.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	79.777, -53.883, 5.941
XYZ	35.166, 56.287, 54.907
xyY	0.24, 0.385, 56.287
CIE-LCH	79.777, 54.209, 173.708
CIE-LUV	79.777, -65.47, 17.431
Hunter-Lab	75.025, -47.625, 9.126
Binary	00000010, 11011111, 10111001

#02dfb9
```
#02dfb9 rgb(2,223,185)
```
#df0228
```
#df0228 rgb(223,2,40)
```

Complementary Color

#02df4b
```
#02df4b rgb(2,223,75)
```
#02dfb9
```
#02dfb9 rgb(2,223,185)
```
#0297df
```
#0297df rgb(2,151,223)
```

Analogous Color

#df4b02
```
#df4b02 rgb(223,75,2)
```
#02dfb9
```
#02dfb9 rgb(2,223,185)
```
#df0297
```
#df0297 rgb(223,2,151)
```

Split Complementary Color

#dfb902
```
#dfb902 rgb(223,185,2)
```
#02dfb9
```
#02dfb9 rgb(2,223,185)
```
#b902df
```
#b902df rgb(185,2,223)
```

Triadic Color

#28df02
```
#28df02 rgb(40,223,2)
```
#02dfb9
```
#02dfb9 rgb(2,223,185)
```
#b902df
```
#b902df rgb(185,2,223)
```
#df0228
```
#df0228 rgb(223,2,40)
```

Tetradic Color

#01937a
```
#01937a rgb(1,147,122)
```
#02ac8f
```
#02ac8f rgb(2,172,143)
```
#02c6a4
```
#02c6a4 rgb(2,198,164)
```
#02dfb9
```
#02dfb9 rgb(2,223,185)
```
#02f8ce
```
#02f8ce rgb(2,248,206)
```
#17fdd5
```
#17fdd5 rgb(23,253,213)
```
#30fdda
```
#30fdda rgb(48,253,218)
```

Monochromatic Color

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

#02df82
```
#02df82 rgb(2,223,130)
```
#02df94
```
#02df94 rgb(2,223,148)
```
#02dfa7
```
#02dfa7 rgb(2,223,167)
```
#02dfb9
```
#02dfb9 rgb(2,223,185)
```
#02dfcb
```
#02dfcb rgb(2,223,203)
```
#02dfde
```
#02dfde rgb(2,223,222)
```
#02cedf
```
#02cedf rgb(2,206,223)
```

Similar Colors

Text with hexadecimal color #02dfb9

This text has a font color of #02dfb9.

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

#02dfb9 background color

This paragraph has a background color of #02dfb9.

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

#02dfb9 border color

This element has a border color of #02dfb9.

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

CSS codes

.text {color:#02dfb9;}

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

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

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

#000908
```
#000908 rgb(0,9,8)
```
#001d18
```
#001d18 rgb(0,29,24)
```
#003028
```
#003028 rgb(0,48,40)
```
#014338
```
#014338 rgb(1,67,56)
```
#015748
```
#015748 rgb(1,87,72)
```
#016a58
```
#016a58 rgb(1,106,88)
```
#017e68
```
#017e68 rgb(1,126,104)
```
#019178
```
#019178 rgb(1,145,120)
```
#01a589
```
#01a589 rgb(1,165,137)
```
#02b899
```
#02b899 rgb(2,184,153)
```
#02cca9
```
#02cca9 rgb(2,204,169)
```
#02dfb9
```
#02dfb9 rgb(2,223,185)
```
#02f2c9
```
#02f2c9 rgb(2,242,201)
```

Shade Color Variation

#0bfdd3
```
#0bfdd3 rgb(11,253,211)
```
#1ffdd7
```
#1ffdd7 rgb(31,253,215)
```
#32fdda
```
#32fdda rgb(50,253,218)
```
#46fdde
```
#46fdde rgb(70,253,222)
```
#59fee1
```
#59fee1 rgb(89,254,225)
```
#6dfee5
```
#6dfee5 rgb(109,254,229)
```
#80fee8
```
#80fee8 rgb(128,254,232)
```
#94feec
```
#94feec rgb(148,254,236)
```
#a7feef
```
#a7feef rgb(167,254,239)
```
#bafef3
```
#bafef3 rgb(186,254,243)
```
#cefff6
```
#cefff6 rgb(206,255,246)
```
#e1fffa
```
#e1fffa rgb(225,255,250)
```
#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 #02dfb9 is the most saturated one.

#6a7775
```
#6a7775 rgb(106,119,117)
```
#61807b
```
#61807b rgb(97,128,123)
```
#598880
```
#598880 rgb(89,136,128)
```
#509186
```
#509186 rgb(80,145,134)
```
#479a8c
```
#479a8c rgb(71,154,140)
```
#3fa291
```
#3fa291 rgb(63,162,145)
```
#36ab97
```
#36ab97 rgb(54,171,151)
```
#2db49d
```
#2db49d rgb(45,180,157)
```
#25bca2
```
#25bca2 rgb(37,188,162)
```
#1cc5a8
```
#1cc5a8 rgb(28,197,168)
```
#13ceae
```
#13ceae rgb(19,206,174)
```
#0bd6b3
```
#0bd6b3 rgb(11,214,179)
```
#02dfb9
```
#02dfb9 rgb(2,223,185)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#7ba79f Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1c8b0 Protanopia 1% of men
#dbc2c7 Deuteranopia 1% of men
#4edaea Tritanopia 0.001% of the population

Trichromacy

#86d0b3 Protanomaly 1% of men, 0.01% of women
#8cccc2 Deuteranomaly 6% of men, 0.4% of women
#32dbd8 Tritanomaly 0.01% of the population

#02dfb9 hex color

#02dfb9 Color Information

#02dfb9 Color Conversion

Color Schemes with #02dfb9

Alternatives to #02dfb9

#02dfb9 Preview

Shades and Tints of #02dfb9

Tones of #02dfb9

Color Blindness Simulator