#02afca hex color

In a RGB color space, hex #02afca is composed of 0.8% red, 68.6% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 13.4% magenta, 0% yellow and 20.8% black. It has a hue angle of 188.1 degrees, a saturation of 98% and a lightness of 40%. #02afca color hex could be obtained by blending #04ffff with #005f95. Closest websafe color is: #0099cc.

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

● #02afca color description : Strong cyan.

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

Hex triplet	02afca	`#02afca`
RGB Decimal	2, 175, 202	`rgb(2,175,202)`
RGB Percent	0.8, 68.6, 79.2	`rgb(0.8%,68.6%,79.2%)`
CMYK	99, 13, 0, 21
HSL	188.1°, 98, 40	`hsl(188.1,98%,40%)`
HSV (or HSB)	188.1°, 99, 79.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.698, -27.517, -24.238
XYZ	26.013, 34.934, 61.246
xyY	0.213, 0.286, 34.934
CIE-LCH	65.698, 36.67, 221.374
CIE-LUV	65.698, -47.859, -34.034
Hunter-Lab	59.105, -24.875, -20.063
Binary	00000010, 10101111, 11001010

#02afca
```
#02afca rgb(2,175,202)
```
#ca1d02
```
#ca1d02 rgb(202,29,2)
```

Complementary Color

#02ca81
```
#02ca81 rgb(2,202,129)
```
#02afca
```
#02afca rgb(2,175,202)
```
#024bca
```
#024bca rgb(2,75,202)
```

Analogous Color

#ca8102
```
#ca8102 rgb(202,129,2)
```
#02afca
```
#02afca rgb(2,175,202)
```
#ca024b
```
#ca024b rgb(202,2,75)
```

Split Complementary Color

#afca02
```
#afca02 rgb(175,202,2)
```
#02afca
```
#02afca rgb(2,175,202)
```
#ca02af
```
#ca02af rgb(202,2,175)
```

Triadic Color

#02ca1d
```
#02ca1d rgb(2,202,29)
```
#02afca
```
#02afca rgb(2,175,202)
```
#ca02af
```
#ca02af rgb(202,2,175)
```
#ca1d02
```
#ca1d02 rgb(202,29,2)
```

Tetradic Color

#016d7e
```
#016d7e rgb(1,109,126)
```
#018398
```
#018398 rgb(1,131,152)
```
#0299b1
```
#0299b1 rgb(2,153,177)
```
#02afca
```
#02afca rgb(2,175,202)
```
#02c5e3
```
#02c5e3 rgb(2,197,227)
```
#02dbfd
```
#02dbfd rgb(2,219,253)
```
#1cdefd
```
#1cdefd rgb(28,222,253)
```

Monochromatic Color

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

#02cab3
```
#02cab3 rgb(2,202,179)
```
#02cac4
```
#02cac4 rgb(2,202,196)
```
#02c0ca
```
#02c0ca rgb(2,192,202)
```
#02afca
```
#02afca rgb(2,175,202)
```
#029eca
```
#029eca rgb(2,158,202)
```
#028eca
```
#028eca rgb(2,142,202)
```
#027dca
```
#027dca rgb(2,125,202)
```

Similar Colors

Text with hexadecimal color #02afca

This text has a font color of #02afca.

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

#02afca background color

This paragraph has a background color of #02afca.

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

#02afca border color

This element has a border color of #02afca.

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

CSS codes

.text {color:#02afca;}

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

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

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

#000708
```
#000708 rgb(0,7,8)
```
#00181b
```
#00181b rgb(0,24,27)
```
#00282f
```
#00282f rgb(0,40,47)
```
#013942
```
#013942 rgb(1,57,66)
```
#014a55
```
#014a55 rgb(1,74,85)
```
#015b69
```
#015b69 rgb(1,91,105)
```
#016c7c
```
#016c7c rgb(1,108,124)
```
#017d90
```
#017d90 rgb(1,125,144)
```
#028da3
```
#028da3 rgb(2,141,163)
```
#029eb7
```
#029eb7 rgb(2,158,183)
```
#02afca
```
#02afca rgb(2,175,202)
```
#02c0dd
```
#02c0dd rgb(2,192,221)
```
#02d1f1
```
#02d1f1 rgb(2,209,241)
```

Shade Color Variation

#0adcfd
```
#0adcfd rgb(10,220,253)
```
#1edffd
```
#1edffd rgb(30,223,253)
```
#31e1fd
```
#31e1fd rgb(49,225,253)
```
#45e4fd
```
#45e4fd rgb(69,228,253)
```
#58e7fd
```
#58e7fd rgb(88,231,253)
```
#6beafe
```
#6beafe rgb(107,234,254)
```
#7fedfe
```
#7fedfe rgb(127,237,254)
```
#92effe
```
#92effe rgb(146,239,254)
```
#a6f2fe
```
#a6f2fe rgb(166,242,254)
```
#b9f5fe
```
#b9f5fe rgb(185,245,254)
```
#cdf8ff
```
#cdf8ff rgb(205,248,255)
```
#e0fbff
```
#e0fbff rgb(224,251,255)
```
#f3fdff
```
#f3fdff rgb(243,253,255)
```

Tint Color Variation

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

#606a6c
```
#606a6c rgb(96,106,108)
```
#587074
```
#587074 rgb(88,112,116)
```
#50767c
```
#50767c rgb(80,118,124)
```
#497b83
```
#497b83 rgb(73,123,131)
```
#41818b
```
#41818b rgb(65,129,139)
```
#398793
```
#398793 rgb(57,135,147)
```
#318d9b
```
#318d9b rgb(49,141,155)
```
#2992a3
```
#2992a3 rgb(41,146,163)
```
#2198ab
```
#2198ab rgb(33,152,171)
```
#1a9eb2
```
#1a9eb2 rgb(26,158,178)
```
#12a4ba
```
#12a4ba rgb(18,164,186)
```
#0aa9c2
```
#0aa9c2 rgb(10,169,194)
```
#02afca
```
#02afca rgb(2,175,202)
```

Tone Color Variation

Below, you can see how #02afca 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
#65888d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da3c2 Protanopia 1% of men
#98a2d3 Deuteranopia 1% of men
#00b4c1 Tritanopia 0.001% of the population

Trichromacy

#64a7c5 Protanomaly 1% of men, 0.01% of women
#61a6d0 Deuteranomaly 6% of men, 0.4% of women
#00b2c4 Tritanomaly 0.01% of the population

#02afca hex color

#02afca Color Information

#02afca Color Conversion

Color Schemes with #02afca

Alternatives to #02afca

#02afca Preview

Shades and Tints of #02afca

Tones of #02afca

Color Blindness Simulator