#02afdd hex color

In a RGB color space, hex #02afdd is composed of 0.8% red, 68.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 20.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 192.6 degrees, a saturation of 98.2% and a lightness of 43.7%. #02afdd color hex could be obtained by blending #04ffff with #005fbb. Closest websafe color is: #0099cc.

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

● #02afdd color description : Vivid cyan.

The hexadecimal color #02afdd has RGB values of R:2, G:175, B:221 and CMYK values of C:0.99, M:0.21, Y:0, K:0.13. Its decimal value is 176093.

Hex triplet	02afdd	`#02afdd`
RGB Decimal	2, 175, 221	`rgb(2,175,221)`
RGB Percent	0.8, 68.6, 86.7	`rgb(0.8%,68.6%,86.7%)`
CMYK	99, 21, 0, 13
HSL	192.6°, 98.2, 43.7	`hsl(192.6,98.2%,43.7%)`
HSV (or HSB)	192.6°, 99.1, 86.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.436, -21.048, -33.578
XYZ	28.403, 35.89, 73.833
xyY	0.206, 0.26, 35.89
CIE-LCH	66.436, 39.629, 237.918
CIE-LUV	66.436, -46.389, -50.572
Hunter-Lab	59.909, -20.213, -31.135
Binary	00000010, 10101111, 11011101

#02afdd
```
#02afdd rgb(2,175,221)
```
#dd3002
```
#dd3002 rgb(221,48,2)
```

Complementary Color

#02dd9e
```
#02dd9e rgb(2,221,158)
```
#02afdd
```
#02afdd rgb(2,175,221)
```
#0242dd
```
#0242dd rgb(2,66,221)
```

Analogous Color

#dd9e02
```
#dd9e02 rgb(221,158,2)
```
#02afdd
```
#02afdd rgb(2,175,221)
```
#dd0242
```
#dd0242 rgb(221,2,66)
```

Split Complementary Color

#afdd02
```
#afdd02 rgb(175,221,2)
```
#02afdd
```
#02afdd rgb(2,175,221)
```
#dd02af
```
#dd02af rgb(221,2,175)
```

Triadic Color

#02dd30
```
#02dd30 rgb(2,221,48)
```
#02afdd
```
#02afdd rgb(2,175,221)
```
#dd02af
```
#dd02af rgb(221,2,175)
```
#dd3002
```
#dd3002 rgb(221,48,2)
```

Tetradic Color

#017391
```
#017391 rgb(1,115,145)
```
#0287aa
```
#0287aa rgb(2,135,170)
```
#029bc4
```
#029bc4 rgb(2,155,196)
```
#02afdd
```
#02afdd rgb(2,175,221)
```
#02c3f6
```
#02c3f6 rgb(2,195,246)
```
#15ccfd
```
#15ccfd rgb(21,204,253)
```
#2ed2fd
```
#2ed2fd rgb(46,210,253)
```

Monochromatic Color

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

#02ddd4
```
#02ddd4 rgb(2,221,212)
```
#02d4dd
```
#02d4dd rgb(2,212,221)
```
#02c1dd
```
#02c1dd rgb(2,193,221)
```
#02afdd
```
#02afdd rgb(2,175,221)
```
#029ddd
```
#029ddd rgb(2,157,221)
```
#028bdd
```
#028bdd rgb(2,139,221)
```
#0278dd
```
#0278dd rgb(2,120,221)
```

Similar Colors

Text with hexadecimal color #02afdd

This text has a font color of #02afdd.

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

#02afdd background color

This paragraph has a background color of #02afdd.

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

#02afdd border color

This element has a border color of #02afdd.

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

CSS codes

.text {color:#02afdd;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#00151b
```
#00151b rgb(0,21,27)
```
#00242e
```
#00242e rgb(0,36,46)
```
#013441
```
#013441 rgb(1,52,65)
```
#014355
```
#014355 rgb(1,67,85)
```
#015368
```
#015368 rgb(1,83,104)
```
#01627c
```
#01627c rgb(1,98,124)
```
#01718f
```
#01718f rgb(1,113,143)
```
#0181a3
```
#0181a3 rgb(1,129,163)
```
#0290b6
```
#0290b6 rgb(2,144,182)
```
#02a0ca
```
#02a0ca rgb(2,160,202)
```
#02afdd
```
#02afdd rgb(2,175,221)
```
#02bef0
```
#02bef0 rgb(2,190,240)
```

Shade Color Variation

#09cafd
```
#09cafd rgb(9,202,253)
```
#1dcefd
```
#1dcefd rgb(29,206,253)
```
#30d2fd
```
#30d2fd rgb(48,210,253)
```
#44d6fd
```
#44d6fd rgb(68,214,253)
```
#57dbfd
```
#57dbfd rgb(87,219,253)
```
#6bdffe
```
#6bdffe rgb(107,223,254)
```
#7ee3fe
```
#7ee3fe rgb(126,227,254)
```
#92e7fe
```
#92e7fe rgb(146,231,254)
```
#a5ebfe
```
#a5ebfe rgb(165,235,254)
```
#b8f0fe
```
#b8f0fe rgb(184,240,254)
```
#ccf4ff
```
#ccf4ff rgb(204,244,255)
```
#dff8ff
```
#dff8ff rgb(223,248,255)
```
#f3fcff
```
#f3fcff rgb(243,252,255)
```

Tint Color Variation

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

#697376
```
#697376 rgb(105,115,118)
```
#60787f
```
#60787f rgb(96,120,127)
```
#587d87
```
#587d87 rgb(88,125,135)
```
#4f8290
```
#4f8290 rgb(79,130,144)
```
#478798
```
#478798 rgb(71,135,152)
```
#3e8ca1
```
#3e8ca1 rgb(62,140,161)
```
#3591aa
```
#3591aa rgb(53,145,170)
```
#2d96b2
```
#2d96b2 rgb(45,150,178)
```
#249bbb
```
#249bbb rgb(36,155,187)
```
#1ca0c3
```
#1ca0c3 rgb(28,160,195)
```
#13a5cc
```
#13a5cc rgb(19,165,204)
```
#0baad4
```
#0baad4 rgb(11,170,212)
```
#02afdd
```
#02afdd rgb(2,175,221)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#688a93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a4d4 Protanopia 1% of men
#8da4e4 Deuteranopia 1% of men
#00b6c3 Tritanopia 0.001% of the population

Trichromacy

#61a8d7 Protanomaly 1% of men, 0.01% of women
#5ba8e1 Deuteranomaly 6% of men, 0.4% of women
#00b3cc Tritanomaly 0.01% of the population

#02afdd hex color

#02afdd Color Information

#02afdd Color Conversion

Color Schemes with #02afdd

Alternatives to #02afdd

#02afdd Preview

Shades and Tints of #02afdd

Tones of #02afdd

Color Blindness Simulator