#02afc0 hex color

In a RGB color space, hex #02afc0 is composed of 0.8% red, 68.6% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 8.9% magenta, 0% yellow and 24.7% black. It has a hue angle of 185.4 degrees, a saturation of 97.9% and a lightness of 38%. #02afc0 color hex could be obtained by blending #04ffff with #005f81. Closest websafe color is: #0099cc.

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

● #02afc0 color description : Strong cyan.

The hexadecimal color #02afc0 has RGB values of R:2, G:175, B:192 and CMYK values of C:0.99, M:0.09, Y:0, K:0.25. Its decimal value is 176064.

Hex triplet	02afc0	`#02afc0`
RGB Decimal	2, 175, 192	`rgb(2,175,192)`
RGB Percent	0.8, 68.6, 75.3	`rgb(0.8%,68.6%,75.3%)`
CMYK	99, 9, 0, 25
HSL	185.4°, 97.9, 38	`hsl(185.4,97.9%,38%)`
HSV (or HSB)	185.4°, 99, 75.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.339, -30.809, -19.245
XYZ	24.867, 34.476, 55.21
xyY	0.217, 0.301, 34.476
CIE-LCH	65.339, 36.326, 211.99
CIE-LUV	65.339, -48.653, -25.361
Hunter-Lab	58.716, -27.158, -14.648
Binary	00000010, 10101111, 11000000

#02afc0
```
#02afc0 rgb(2,175,192)
```
#c01302
```
#c01302 rgb(192,19,2)
```

Complementary Color

#02c072
```
#02c072 rgb(2,192,114)
```
#02afc0
```
#02afc0 rgb(2,175,192)
```
#0250c0
```
#0250c0 rgb(2,80,192)
```

Analogous Color

#c07202
```
#c07202 rgb(192,114,2)
```
#02afc0
```
#02afc0 rgb(2,175,192)
```
#c00250
```
#c00250 rgb(192,2,80)
```

Split Complementary Color

#afc002
```
#afc002 rgb(175,192,2)
```
#02afc0
```
#02afc0 rgb(2,175,192)
```
#c002af
```
#c002af rgb(192,2,175)
```

Triadic Color

#02c013
```
#02c013 rgb(2,192,19)
```
#02afc0
```
#02afc0 rgb(2,175,192)
```
#c002af
```
#c002af rgb(192,2,175)
```
#c01302
```
#c01302 rgb(192,19,2)
```

Tetradic Color

#016a74
```
#016a74 rgb(1,106,116)
```
#01818e
```
#01818e rgb(1,129,142)
```
#0298a7
```
#0298a7 rgb(2,152,167)
```
#02afc0
```
#02afc0 rgb(2,175,192)
```
#02c6d9
```
#02c6d9 rgb(2,198,217)
```
#03ddf2
```
#03ddf2 rgb(3,221,242)
```
#12e8fd
```
#12e8fd rgb(18,232,253)
```

Monochromatic Color

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

#02c0a2
```
#02c0a2 rgb(2,192,162)
```
#02c0b1
```
#02c0b1 rgb(2,192,177)
```
#02bfc0
```
#02bfc0 rgb(2,191,192)
```
#02afc0
```
#02afc0 rgb(2,175,192)
```
#029fc0
```
#029fc0 rgb(2,159,192)
```
#028fc0
```
#028fc0 rgb(2,143,192)
```
#0280c0
```
#0280c0 rgb(2,128,192)
```

Similar Colors

Text with hexadecimal color #02afc0

This text has a font color of #02afc0.

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

#02afc0 background color

This paragraph has a background color of #02afc0.

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

#02afc0 border color

This element has a border color of #02afc0.

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

CSS codes

.text {color:#02afc0;}

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

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

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

#001011
```
#001011 rgb(0,16,17)
```
#002125
```
#002125 rgb(0,33,37)
```
#013338
```
#013338 rgb(1,51,56)
```
#01454c
```
#01454c rgb(1,69,76)
```
#01575f
```
#01575f rgb(1,87,95)
```
#016872
```
#016872 rgb(1,104,114)
```
#017a86
```
#017a86 rgb(1,122,134)
```
#028c99
```
#028c99 rgb(2,140,153)
```
#029dad
```
#029dad rgb(2,157,173)
```
#02afc0
```
#02afc0 rgb(2,175,192)
```
#02c1d3
```
#02c1d3 rgb(2,193,211)
```
#02d2e7
```
#02d2e7 rgb(2,210,231)
```
#03e4fa
```
#03e4fa rgb(3,228,250)
```

Shade Color Variation

#14e8fd
```
#14e8fd rgb(20,232,253)
```
#27eafd
```
#27eafd rgb(39,234,253)
```
#3becfd
```
#3becfd rgb(59,236,253)
```
#4eedfd
```
#4eedfd rgb(78,237,253)
```
#62effd
```
#62effd rgb(98,239,253)
```
#75f1fe
```
#75f1fe rgb(117,241,254)
```
#88f3fe
```
#88f3fe rgb(136,243,254)
```
#9cf5fe
```
#9cf5fe rgb(156,245,254)
```
#aff7fe
```
#aff7fe rgb(175,247,254)
```
#c3f9fe
```
#c3f9fe rgb(195,249,254)
```
#d6fbff
```
#d6fbff rgb(214,251,255)
```
#e9fdff
```
#e9fdff rgb(233,253,255)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#5c6566
```
#5c6566 rgb(92,101,102)
```
#546c6e
```
#546c6e rgb(84,108,110)
```
#4d7275
```
#4d7275 rgb(77,114,117)
```
#45787d
```
#45787d rgb(69,120,125)
```
#3e7e84
```
#3e7e84 rgb(62,126,132)
```
#36848c
```
#36848c rgb(54,132,140)
```
#2f8a93
```
#2f8a93 rgb(47,138,147)
```
#27909b
```
#27909b rgb(39,144,155)
```
#2096a2
```
#2096a2 rgb(32,150,162)
```
#189daa
```
#189daa rgb(24,157,170)
```
#11a3b1
```
#11a3b1 rgb(17,163,177)
```
#09a9b9
```
#09a9b9 rgb(9,169,185)
```
#02afc0
```
#02afc0 rgb(2,175,192)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#64878a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa2b9 Protanopia 1% of men
#9da0ca Deuteranopia 1% of men
#00b3c0 Tritanopia 0.001% of the population

Trichromacy

#66a7bb Protanomaly 1% of men, 0.01% of women
#64a5c6 Deuteranomaly 6% of men, 0.4% of women
#00b1c0 Tritanomaly 0.01% of the population

#02afc0 hex color

#02afc0 Color Information

#02afc0 Color Conversion

Color Schemes with #02afc0

Alternatives to #02afc0

#02afc0 Preview

Shades and Tints of #02afc0

Tones of #02afc0

Color Blindness Simulator