#02ddd8 hex color

In a RGB color space, hex #02ddd8 is composed of 0.8% red, 86.7% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 0% magenta, 2.3% yellow and 13.3% black. It has a hue angle of 178.6 degrees, a saturation of 98.2% and a lightness of 43.7%. #02ddd8 color hex could be obtained by blending #04ffff with #00bbb1. Closest websafe color is: #00cccc.

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

● #02ddd8 color description : Vivid cyan.

The hexadecimal color #02ddd8 has RGB values of R:2, G:221, B:216 and CMYK values of C:0.99, M:0, Y:0.02, K:0.13. Its decimal value is 187864.

Hex triplet	02ddd8	`#02ddd8`
RGB Decimal	2, 221, 216	`rgb(2,221,216)`
RGB Percent	0.8, 86.7, 84.7	`rgb(0.8%,86.7%,84.7%)`
CMYK	99, 0, 2, 13
HSL	178.6°, 98.2, 43.7	`hsl(178.6,98.2%,43.7%)`
HSV (or HSB)	178.6°, 99.1, 86.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	79.999, -44.569, -10.234
XYZ	38.272, 56.68, 73.885
xyY	0.227, 0.336, 56.68
CIE-LCH	79.999, 45.729, 192.933
CIE-LUV	79.999, -62.334, -9.175
Hunter-Lab	75.286, -41.008, -5.487
Binary	00000010, 11011101, 11011000

#02ddd8
```
#02ddd8 rgb(2,221,216)
```
#dd0207
```
#dd0207 rgb(221,2,7)
```

Complementary Color

#02dd6b
```
#02dd6b rgb(2,221,107)
```
#02ddd8
```
#02ddd8 rgb(2,221,216)
```
#0275dd
```
#0275dd rgb(2,117,221)
```

Analogous Color

#dd6b02
```
#dd6b02 rgb(221,107,2)
```
#02ddd8
```
#02ddd8 rgb(2,221,216)
```
#dd0275
```
#dd0275 rgb(221,2,117)
```

Split Complementary Color

#ddd802
```
#ddd802 rgb(221,216,2)
```
#02ddd8
```
#02ddd8 rgb(2,221,216)
```
#d802dd
```
#d802dd rgb(216,2,221)
```

Triadic Color

#07dd02
```
#07dd02 rgb(7,221,2)
```
#02ddd8
```
#02ddd8 rgb(2,221,216)
```
#d802dd
```
#d802dd rgb(216,2,221)
```
#dd0207
```
#dd0207 rgb(221,2,7)
```

Tetradic Color

#01918e
```
#01918e rgb(1,145,142)
```
#02aaa7
```
#02aaa7 rgb(2,170,167)
```
#02c4bf
```
#02c4bf rgb(2,196,191)
```
#02ddd8
```
#02ddd8 rgb(2,221,216)
```
#02f6f1
```
#02f6f1 rgb(2,246,241)
```
#15fdf8
```
#15fdf8 rgb(21,253,248)
```
#2efdf8
```
#2efdf8 rgb(46,253,248)
```

Monochromatic Color

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

#02dda1
```
#02dda1 rgb(2,221,161)
```
#02ddb4
```
#02ddb4 rgb(2,221,180)
```
#02ddc6
```
#02ddc6 rgb(2,221,198)
```
#02ddd8
```
#02ddd8 rgb(2,221,216)
```
#02d0dd
```
#02d0dd rgb(2,208,221)
```
#02bedd
```
#02bedd rgb(2,190,221)
```
#02abdd
```
#02abdd rgb(2,171,221)
```

Similar Colors

Text with hexadecimal color #02ddd8

This text has a font color of #02ddd8.

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

#02ddd8 background color

This paragraph has a background color of #02ddd8.

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

#02ddd8 border color

This element has a border color of #02ddd8.

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

CSS codes

.text {color:#02ddd8;}

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

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

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

#000707
```
#000707 rgb(0,7,7)
```
#001b1a
```
#001b1a rgb(0,27,26)
```
#002e2d
```
#002e2d rgb(0,46,45)
```
#014140
```
#014140 rgb(1,65,64)
```
#015553
```
#015553 rgb(1,85,83)
```
#016866
```
#016866 rgb(1,104,102)
```
#017c79
```
#017c79 rgb(1,124,121)
```
#018f8c
```
#018f8c rgb(1,143,140)
```
#01a39f
```
#01a39f rgb(1,163,159)
```
#02b6b2
```
#02b6b2 rgb(2,182,178)
```
#02cac5
```
#02cac5 rgb(2,202,197)
```
#02ddd8
```
#02ddd8 rgb(2,221,216)
```
#02f0eb
```
#02f0eb rgb(2,240,235)
```

Shade Color Variation

#09fdf7
```
#09fdf7 rgb(9,253,247)
```
#1dfdf8
```
#1dfdf8 rgb(29,253,248)
```
#30fdf8
```
#30fdf8 rgb(48,253,248)
```
#44fdf9
```
#44fdf9 rgb(68,253,249)
```
#57fdfa
```
#57fdfa rgb(87,253,250)
```
#6bfefa
```
#6bfefa rgb(107,254,250)
```
#7efefb
```
#7efefb rgb(126,254,251)
```
#92fefc
```
#92fefc rgb(146,254,252)
```
#a5fefc
```
#a5fefc rgb(165,254,252)
```
#b8fefd
```
#b8fefd rgb(184,254,253)
```
#ccfffd
```
#ccfffd rgb(204,255,253)
```
#dffffe
```
#dffffe rgb(223,255,254)
```
#f3ffff
```
#f3ffff rgb(243,255,255)
```

Tint Color Variation

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

#697676
```
#697676 rgb(105,118,118)
```
#607f7e
```
#607f7e rgb(96,127,126)
```
#588786
```
#588786 rgb(88,135,134)
```
#4f908e
```
#4f908e rgb(79,144,142)
```
#479897
```
#479897 rgb(71,152,151)
```
#3ea19f
```
#3ea19f rgb(62,161,159)
```
#35aaa7
```
#35aaa7 rgb(53,170,167)
```
#2db2af
```
#2db2af rgb(45,178,175)
```
#24bbb7
```
#24bbb7 rgb(36,187,183)
```
#1cc3bf
```
#1cc3bf rgb(28,195,191)
```
#13ccc8
```
#13ccc8 rgb(19,204,200)
```
#0bd4d0
```
#0bd4d0 rgb(11,212,208)
```
#02ddd8
```
#02ddd8 rgb(2,221,216)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#7ca8a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc8cd Protanopia 1% of men
#cec4e3 Deuteranopia 1% of men
#37dbec Tritanopia 0.001% of the population

Trichromacy

#82cfd1 Protanomaly 1% of men, 0.01% of women
#84cddf Deuteranomaly 6% of men, 0.4% of women
#24dce4 Tritanomaly 0.01% of the population

#02ddd8 hex color

#02ddd8 Color Information

#02ddd8 Color Conversion

Color Schemes with #02ddd8

Alternatives to #02ddd8

#02ddd8 Preview

Shades and Tints of #02ddd8

Tones of #02ddd8

Color Blindness Simulator