#02afc6 hex color

In a RGB color space, hex #02afc6 is composed of 0.8% red, 68.6% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 11.6% magenta, 0% yellow and 22.4% black. It has a hue angle of 187 degrees, a saturation of 98% and a lightness of 39.2%. #02afc6 color hex could be obtained by blending #04ffff with #005f8d. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 1
- G 69
- B 78
RGB color chart
- C 99
- M 12
- Y 0
- K 22
CMYK color chart

● #02afc6 color description : Strong cyan.

The hexadecimal color #02afc6 has RGB values of R:2, G:175, B:198 and CMYK values of C:0.99, M:0.12, Y:0, K:0.22. Its decimal value is 176070.

Hex triplet	02afc6	`#02afc6`
RGB Decimal	2, 175, 198	`rgb(2,175,198)`
RGB Percent	0.8, 68.6, 77.6	`rgb(0.8%,68.6%,77.6%)`
CMYK	99, 12, 0, 22
HSL	187°, 98, 39.2	`hsl(187,98%,39.2%)`
HSV (or HSB)	187°, 99, 77.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.552, -28.844, -22.247
XYZ	25.545, 34.747, 58.784
xyY	0.215, 0.292, 34.747
CIE-LCH	65.552, 36.427, 217.642
CIE-LUV	65.552, -48.175, -30.559
Hunter-Lab	58.947, -25.803, -17.863
Binary	00000010, 10101111, 11000110

#02afc6
```
#02afc6 rgb(2,175,198)
```
#c61902
```
#c61902 rgb(198,25,2)
```

Complementary Color

#02c67b
```
#02c67b rgb(2,198,123)
```
#02afc6
```
#02afc6 rgb(2,175,198)
```
#024dc6
```
#024dc6 rgb(2,77,198)
```

Analogous Color

#c67b02
```
#c67b02 rgb(198,123,2)
```
#02afc6
```
#02afc6 rgb(2,175,198)
```
#c6024d
```
#c6024d rgb(198,2,77)
```

Split Complementary Color

#afc602
```
#afc602 rgb(175,198,2)
```
#02afc6
```
#02afc6 rgb(2,175,198)
```
#c602af
```
#c602af rgb(198,2,175)
```

Triadic Color

#02c619
```
#02c619 rgb(2,198,25)
```
#02afc6
```
#02afc6 rgb(2,175,198)
```
#c602af
```
#c602af rgb(198,2,175)
```
#c61902
```
#c61902 rgb(198,25,2)
```

Tetradic Color

#016c7a
```
#016c7a rgb(1,108,122)
```
#018294
```
#018294 rgb(1,130,148)
```
#0299ad
```
#0299ad rgb(2,153,173)
```
#02afc6
```
#02afc6 rgb(2,175,198)
```
#02c5df
```
#02c5df rgb(2,197,223)
```
#03dcf8
```
#03dcf8 rgb(3,220,248)
```
#18e2fd
```
#18e2fd rgb(24,226,253)
```

Monochromatic Color

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

#02c6ac
```
#02c6ac rgb(2,198,172)
```
#02c6bc
```
#02c6bc rgb(2,198,188)
```
#02bfc6
```
#02bfc6 rgb(2,191,198)
```
#02afc6
```
#02afc6 rgb(2,175,198)
```
#029fc6
```
#029fc6 rgb(2,159,198)
```
#028ec6
```
#028ec6 rgb(2,142,198)
```
#027ec6
```
#027ec6 rgb(2,126,198)
```

Similar Colors

Text with hexadecimal color #02afc6

This text has a font color of #02afc6.

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

#02afc6 background color

This paragraph has a background color of #02afc6.

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

#02afc6 border color

This element has a border color of #02afc6.

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

CSS codes

.text {color:#02afc6;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001517
```
#001517 rgb(0,21,23)
```
#00262b
```
#00262b rgb(0,38,43)
```
#01373e
```
#01373e rgb(1,55,62)
```
#014851
```
#014851 rgb(1,72,81)
```
#015965
```
#015965 rgb(1,89,101)
```
#016a78
```
#016a78 rgb(1,106,120)
```
#017c8c
```
#017c8c rgb(1,124,140)
```
#028d9f
```
#028d9f rgb(2,141,159)
```
#029eb3
```
#029eb3 rgb(2,158,179)
```
#02afc6
```
#02afc6 rgb(2,175,198)
```
#02c0d9
```
#02c0d9 rgb(2,192,217)
```
#02d1ed
```
#02d1ed rgb(2,209,237)
```

Shade Color Variation

#06e0fc
```
#06e0fc rgb(6,224,252)
```
#1ae2fd
```
#1ae2fd rgb(26,226,253)
```
#2de5fd
```
#2de5fd rgb(45,229,253)
```
#41e7fd
```
#41e7fd rgb(65,231,253)
```
#54e9fd
```
#54e9fd rgb(84,233,253)
```
#67ecfd
```
#67ecfd rgb(103,236,253)
```
#7beefe
```
#7beefe rgb(123,238,254)
```
#8ef1fe
```
#8ef1fe rgb(142,241,254)
```
#a2f3fe
```
#a2f3fe rgb(162,243,254)
```
#b5f6fe
```
#b5f6fe rgb(181,246,254)
```
#c9f8fe
```
#c9f8fe rgb(201,248,254)
```
#dcfbff
```
#dcfbff rgb(220,251,255)
```
#effdff
```
#effdff rgb(239,253,255)
```

Tint Color Variation

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

#5e686a
```
#5e686a rgb(94,104,106)
```
#576e71
```
#576e71 rgb(87,110,113)
```
#4f7479
```
#4f7479 rgb(79,116,121)
```
#477a81
```
#477a81 rgb(71,122,129)
```
#408088
```
#408088 rgb(64,128,136)
```
#388690
```
#388690 rgb(56,134,144)
```
#308c98
```
#308c98 rgb(48,140,152)
```
#2892a0
```
#2892a0 rgb(40,146,160)
```
#2197a7
```
#2197a7 rgb(33,151,167)
```
#199daf
```
#199daf rgb(25,157,175)
```
#11a3b7
```
#11a3b7 rgb(17,163,183)
```
#0aa9be
```
#0aa9be rgb(10,169,190)
```
#02afc6
```
#02afc6 rgb(2,175,198)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#65888c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea2be Protanopia 1% of men
#9aa1cf Deuteranopia 1% of men
#00b4c1 Tritanopia 0.001% of the population

Trichromacy

#65a7c1 Protanomaly 1% of men, 0.01% of women
#63a6cc Deuteranomaly 6% of men, 0.4% of women
#00b2c2 Tritanomaly 0.01% of the population

#02afc6 hex color

#02afc6 Color Information

#02afc6 Color Conversion

Color Schemes with #02afc6

Alternatives to #02afc6

#02afc6 Preview

Shades and Tints of #02afc6

Tones of #02afc6

Color Blindness Simulator