#02d2bf hex color

In a RGB color space, hex #02d2bf is composed of 0.8% red, 82.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 0% magenta, 9% yellow and 17.6% black. It has a hue angle of 174.5 degrees, a saturation of 98.1% and a lightness of 41.6%. #02d2bf color hex could be obtained by blending #04ffff with #00a57f. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 1
- G 82
- B 75
RGB color chart
- C 99
- M 0
- Y 9
- K 18
CMYK color chart

● #02d2bf color description : Strong cyan.

The hexadecimal color #02d2bf has RGB values of R:2, G:210, B:191 and CMYK values of C:0.99, M:0, Y:0.09, K:0.18. Its decimal value is 185023.

Hex triplet	02d2bf	`#02d2bf`
RGB Decimal	2, 210, 191	`rgb(2,210,191)`
RGB Percent	0.8, 82.4, 74.9	`rgb(0.8%,82.4%,74.9%)`
CMYK	99, 0, 9, 18
HSL	174.5°, 98.1, 41.6	`hsl(174.5,98.1%,41.6%)`
HSV (or HSB)	174.5°, 99, 82.4
Web Safe	00cccc	`#00cccc`

CIE-LAB	75.986, -46.952, -2.781
XYZ	32.472, 49.864, 57.201
xyY	0.233, 0.357, 49.864
CIE-LCH	75.986, 47.034, 183.39
CIE-LUV	75.986, -60.659, 3.013
Hunter-Lab	70.615, -41.492, 1.403
Binary	00000010, 11010010, 10111111

#02d2bf
```
#02d2bf rgb(2,210,191)
```
#d20215
```
#d20215 rgb(210,2,21)
```

Complementary Color

#02d257
```
#02d257 rgb(2,210,87)
```
#02d2bf
```
#02d2bf rgb(2,210,191)
```
#027dd2
```
#027dd2 rgb(2,125,210)
```

Analogous Color

#d25702
```
#d25702 rgb(210,87,2)
```
#02d2bf
```
#02d2bf rgb(2,210,191)
```
#d2027d
```
#d2027d rgb(210,2,125)
```

Split Complementary Color

#d2bf02
```
#d2bf02 rgb(210,191,2)
```
#02d2bf
```
#02d2bf rgb(2,210,191)
```
#bf02d2
```
#bf02d2 rgb(191,2,210)
```

Triadic Color

#15d202
```
#15d202 rgb(21,210,2)
```
#02d2bf
```
#02d2bf rgb(2,210,191)
```
#bf02d2
```
#bf02d2 rgb(191,2,210)
```
#d20215
```
#d20215 rgb(210,2,21)
```

Tetradic Color

#01867a
```
#01867a rgb(1,134,122)
```
#029f91
```
#029f91 rgb(2,159,145)
```
#02b9a8
```
#02b9a8 rgb(2,185,168)
```
#02d2bf
```
#02d2bf rgb(2,210,191)
```
#02ebd6
```
#02ebd6 rgb(2,235,214)
```
#0afde7
```
#0afde7 rgb(10,253,231)
```
#24fde9
```
#24fde9 rgb(36,253,233)
```

Monochromatic Color

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

#02d28b
```
#02d28b rgb(2,210,139)
```
#02d29c
```
#02d29c rgb(2,210,156)
```
#02d2ae
```
#02d2ae rgb(2,210,174)
```
#02d2bf
```
#02d2bf rgb(2,210,191)
```
#02d2d0
```
#02d2d0 rgb(2,210,208)
```
#02c2d2
```
#02c2d2 rgb(2,194,210)
```
#02b1d2
```
#02b1d2 rgb(2,177,210)
```

Similar Colors

Text with hexadecimal color #02d2bf

This text has a font color of #02d2bf.

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

#02d2bf background color

This paragraph has a background color of #02d2bf.

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

#02d2bf border color

This element has a border color of #02d2bf.

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

CSS codes

.text {color:#02d2bf;}

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

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

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, #00100e is the darkest color, while #fbffff is the lightest one.

#00100e
```
#00100e rgb(0,16,14)
```
#002320
```
#002320 rgb(0,35,32)
```
#013732
```
#013732 rgb(1,55,50)
```
#014a43
```
#014a43 rgb(1,74,67)
```
#015d55
```
#015d55 rgb(1,93,85)
```
#017167
```
#017167 rgb(1,113,103)
```
#018478
```
#018478 rgb(1,132,120)
```
#01988a
```
#01988a rgb(1,152,138)
```
#02ab9c
```
#02ab9c rgb(2,171,156)
```
#02bfad
```
#02bfad rgb(2,191,173)
```
#02d2bf
```
#02d2bf rgb(2,210,191)
```
#02e5d1
```
#02e5d1 rgb(2,229,209)
```
#02f9e2
```
#02f9e2 rgb(2,249,226)
```

Shade Color Variation

#12fde7
```
#12fde7 rgb(18,253,231)
```
#26fde9
```
#26fde9 rgb(38,253,233)
```
#39fdeb
```
#39fdeb rgb(57,253,235)
```
#4cfded
```
#4cfded rgb(76,253,237)
```
#60fdef
```
#60fdef rgb(96,253,239)
```
#73fef1
```
#73fef1 rgb(115,254,241)
```
#87fef3
```
#87fef3 rgb(135,254,243)
```
#9afef5
```
#9afef5 rgb(154,254,245)
```
#aefef7
```
#aefef7 rgb(174,254,247)
```
#c1fef9
```
#c1fef9 rgb(193,254,249)
```
#d4fffb
```
#d4fffb rgb(212,255,251)
```
#e8fffd
```
#e8fffd rgb(232,255,253)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

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

#64706f
```
#64706f rgb(100,112,111)
```
#5c7876
```
#5c7876 rgb(92,120,118)
```
#54807c
```
#54807c rgb(84,128,124)
```
#4b8983
```
#4b8983 rgb(75,137,131)
```
#43918a
```
#43918a rgb(67,145,138)
```
#3b9990
```
#3b9990 rgb(59,153,144)
```
#33a197
```
#33a197 rgb(51,161,151)
```
#2ba99e
```
#2ba99e rgb(43,169,158)
```
#23b1a4
```
#23b1a4 rgb(35,177,164)
```
#1abaab
```
#1abaab rgb(26,186,171)
```
#12c2b2
```
#12c2b2 rgb(18,194,178)
```
#0acab8
```
#0acab8 rgb(10,202,184)
```
#02d2bf
```
#02d2bf rgb(2,210,191)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#759f9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4beb6 Protanopia 1% of men
#cab9cb Deuteranopia 1% of men
#40cfdf Tritanopia 0.001% of the population

Trichromacy

#7dc5b9 Protanomaly 1% of men, 0.01% of women
#81c2c7 Deuteranomaly 6% of men, 0.4% of women
#29d0d3 Tritanomaly 0.01% of the population

#02d2bf hex color

#02d2bf Color Information

#02d2bf Color Conversion

Color Schemes with #02d2bf

Alternatives to #02d2bf

#02d2bf Preview

Shades and Tints of #02d2bf

Tones of #02d2bf

Color Blindness Simulator