#02dde2 hex color

In a RGB color space, hex #02dde2 is composed of 0.8% red, 86.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 2.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 181.3 degrees, a saturation of 98.2% and a lightness of 44.7%. #02dde2 color hex could be obtained by blending #04ffff with #00bbc5. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 1
- G 87
- B 89
RGB color chart
- C 99
- M 2
- Y 0
- K 11
CMYK color chart

● #02dde2 color description : Vivid cyan.

The hexadecimal color #02dde2 has RGB values of R:2, G:221, B:226 and CMYK values of C:0.99, M:0.02, Y:0, K:0.11. Its decimal value is 187874.

Hex triplet	02dde2	`#02dde2`
RGB Decimal	2, 221, 226	`rgb(2,221,226)`
RGB Percent	0.8, 86.7, 88.6	`rgb(0.8%,86.7%,88.6%)`
CMYK	99, 2, 0, 11
HSL	181.3°, 98.2, 44.7	`hsl(181.3,98.2%,44.7%)`
HSV (or HSB)	181.3°, 99.1, 88.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	80.299, -41.626, -15.114
XYZ	39.605, 57.213, 80.903
xyY	0.223, 0.322, 57.213
CIE-LCH	80.299, 44.285, 199.956
CIE-LUV	80.299, -61.524, -17.597
Hunter-Lab	75.639, -38.906, -10.469
Binary	00000010, 11011101, 11100010

#02dde2
```
#02dde2 rgb(2,221,226)
```
#e20702
```
#e20702 rgb(226,7,2)
```

Complementary Color

#02e277
```
#02e277 rgb(2,226,119)
```
#02dde2
```
#02dde2 rgb(2,221,226)
```
#026de2
```
#026de2 rgb(2,109,226)
```

Analogous Color

#e27702
```
#e27702 rgb(226,119,2)
```
#02dde2
```
#02dde2 rgb(2,221,226)
```
#e2026d
```
#e2026d rgb(226,2,109)
```

Split Complementary Color

#dde202
```
#dde202 rgb(221,226,2)
```
#02dde2
```
#02dde2 rgb(2,221,226)
```
#e202dd
```
#e202dd rgb(226,2,221)
```

Triadic Color

#02e207
```
#02e207 rgb(2,226,7)
```
#02dde2
```
#02dde2 rgb(2,221,226)
```
#e202dd
```
#e202dd rgb(226,2,221)
```
#e20702
```
#e20702 rgb(226,7,2)
```

Tetradic Color

#019396
```
#019396 rgb(1,147,150)
```
#02acaf
```
#02acaf rgb(2,172,175)
```
#02c4c9
```
#02c4c9 rgb(2,196,201)
```
#02dde2
```
#02dde2 rgb(2,221,226)
```
#02f6fb
```
#02f6fb rgb(2,246,251)
```
#1af8fd
```
#1af8fd rgb(26,248,253)
```
#33f9fd
```
#33f9fd rgb(51,249,253)
```

Monochromatic Color

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

#02e2af
```
#02e2af rgb(2,226,175)
```
#02e2c2
```
#02e2c2 rgb(2,226,194)
```
#02e2d4
```
#02e2d4 rgb(2,226,212)
```
#02dde2
```
#02dde2 rgb(2,221,226)
```
#02cae2
```
#02cae2 rgb(2,202,226)
```
#02b8e2
```
#02b8e2 rgb(2,184,226)
```
#02a5e2
```
#02a5e2 rgb(2,165,226)
```

Similar Colors

Text with hexadecimal color #02dde2

This text has a font color of #02dde2.

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

#02dde2 background color

This paragraph has a background color of #02dde2.

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

#02dde2 border color

This element has a border color of #02dde2.

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

CSS codes

.text {color:#02dde2;}

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

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

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

#000c0c
```
#000c0c rgb(0,12,12)
```
#001f20
```
#001f20 rgb(0,31,32)
```
#003233
```
#003233 rgb(0,50,51)
```
#014546
```
#014546 rgb(1,69,70)
```
#01585a
```
#01585a rgb(1,88,90)
```
#016b6d
```
#016b6d rgb(1,107,109)
```
#017e81
```
#017e81 rgb(1,126,129)
```
#019194
```
#019194 rgb(1,145,148)
```
#01a4a8
```
#01a4a8 rgb(1,164,168)
```
#02b7bb
```
#02b7bb rgb(2,183,187)
```
#02cacf
```
#02cacf rgb(2,202,207)
```
#02dde2
```
#02dde2 rgb(2,221,226)
```
#02f0f5
```
#02f0f5 rgb(2,240,245)
```

Shade Color Variation

#0ef8fd
```
#0ef8fd rgb(14,248,253)
```
#22f8fd
```
#22f8fd rgb(34,248,253)
```
#35f9fd
```
#35f9fd rgb(53,249,253)
```
#49f9fd
```
#49f9fd rgb(73,249,253)
```
#5cfafe
```
#5cfafe rgb(92,250,254)
```
#70fbfe
```
#70fbfe rgb(112,251,254)
```
#83fbfe
```
#83fbfe rgb(131,251,254)
```
#96fcfe
```
#96fcfe rgb(150,252,254)
```
#aafcfe
```
#aafcfe rgb(170,252,254)
```
#bdfdfe
```
#bdfdfe rgb(189,253,254)
```
#d1feff
```
#d1feff rgb(209,254,255)
```
#e4feff
```
#e4feff rgb(228,254,255)
```
#f8ffff
```
#f8ffff rgb(248,255,255)
```

Tint Color Variation

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

#6b7879
```
#6b7879 rgb(107,120,121)
```
#628182
```
#628182 rgb(98,129,130)
```
#5a898a
```
#5a898a rgb(90,137,138)
```
#519293
```
#519293 rgb(81,146,147)
```
#489a9c
```
#489a9c rgb(72,154,156)
```
#3fa2a5
```
#3fa2a5 rgb(63,162,165)
```
#37abad
```
#37abad rgb(55,171,173)
```
#2eb3b6
```
#2eb3b6 rgb(46,179,182)
```
#25bbbf
```
#25bbbf rgb(37,187,191)
```
#1cc4c8
```
#1cc4c8 rgb(28,196,200)
```
#14ccd0
```
#14ccd0 rgb(20,204,208)
```
#0bd5d9
```
#0bd5d9 rgb(11,213,217)
```
#02dde2
```
#02dde2 rgb(2,221,226)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#7da9aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c8d6 Protanopia 1% of men
#cac5ec Deuteranopia 1% of men
#2cdded Tritanopia 0.001% of the population

Trichromacy

#80d0da Protanomaly 1% of men, 0.01% of women
#81cee8 Deuteranomaly 6% of men, 0.4% of women
#1cdde9 Tritanomaly 0.01% of the population

#02dde2 hex color

#02dde2 Color Information

#02dde2 Color Conversion

Color Schemes with #02dde2

Alternatives to #02dde2

#02dde2 Preview

Shades and Tints of #02dde2

Tones of #02dde2

Color Blindness Simulator