#02afec Color Information
In a RGB color space, hex #02afec is composed of 0.8% red, 68.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 25.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 195.6 degrees, a saturation of 98.3% and a lightness of 46.7%. #02afec color hex could be obtained by blending #04ffff with #005fd9. Closest websafe color is: #0099ff.
-
- R 1
- G 69
- B 93
-
- C 99
- M 26
- Y 0
- K 7
● #02afec color description : Vivid blue.
#02afec Color Conversion
The hexadecimal color #02afec has RGB values of R:2, G:175, B:236 and CMYK values of C:0.99, M:0.26, Y:0, K:0.07. Its decimal value is 176108.
Hex triplet | 02afec | #02afec |
---|---|---|
RGB Decimal | 2, 175, 236 | rgb(2,175,236) |
RGB Percent | 0.8, 68.6, 92.5 | rgb(0.8%,68.6%,92.5%) |
CMYK | 99, 26, 0, 7 | |
HSL | 195.6°, 98.3, 46.7 | hsl(195.6,98.3%,46.7%) |
HSV (or HSB) | 195.6°, 99.2, 92.5 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 67.071, -15.783, -40.809 |
---|---|
XYZ | 30.491, 36.726, 84.834 |
xyY | 0.201, 0.242, 36.726 |
CIE-LCH | 67.071, 43.755, 248.856 |
CIE-LUV | 67.071, -45.277, -63.568 |
Hunter-Lab | 60.602, -16.243, -40.576 |
Binary | 00000010, 10101111, 11101100 |
Color Schemes with #02afec
Alternatives to #02afec
Below, you can see some colors close to #02afec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02afec Preview
This text has a font color of #02afec.
<span style="color:#02afec;">Text here</span>
This paragraph has a background color of #02afec.
<p style="background-color:#02afec;">Content here</p>
This element has a border color of #02afec.
<div style="border:1px solid #02afec;">Content here</div>
.text {color:#02afec;}
.background {background-color:#02afec;}
.border {border:1px solid #02afec;}
Shades and Tints of #02afec
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, #000203 is the darkest color, while #eefbff is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#001016
#001016
rgb(0,16,22)
-
#001f29
#001f29
rgb(0,31,41)
-
#012d3d
#012d3d
rgb(1,45,61)
-
#013c50
#013c50
rgb(1,60,80)
-
#014a64
#014a64
rgb(1,74,100)
-
#015877
#015877
rgb(1,88,119)
-
#01678b
#01678b
rgb(1,103,139)
-
#01759e
#01759e
rgb(1,117,158)
-
#0284b2
#0284b2
rgb(2,132,178)
-
#0292c5
#0292c5
rgb(2,146,197)
-
#02a1d9
#02a1d9
rgb(2,161,217)
-
#02afec
#02afec
rgb(2,175,236)
-
#05bcfd
#05bcfd
rgb(5,188,253)
-
#18c1fd
#18c1fd
rgb(24,193,253)
-
#2cc7fd
#2cc7fd
rgb(44,199,253)
-
#3fccfd
#3fccfd
rgb(63,204,253)
-
#53d1fe
#53d1fe
rgb(83,209,254)
-
#66d6fe
#66d6fe
rgb(102,214,254)
-
#79dbfe
#79dbfe
rgb(121,219,254)
-
#8de1fe
#8de1fe
rgb(141,225,254)
-
#a0e6fe
#a0e6fe
rgb(160,230,254)
-
#b4ebfe
#b4ebfe
rgb(180,235,254)
-
#c7f0ff
#c7f0ff
rgb(199,240,255)
-
#dbf5ff
#dbf5ff
rgb(219,245,255)
-
#eefbff
#eefbff
rgb(238,251,255)
Tones of #02afec
A tone is produced by adding gray to any pure hue. In this case, #707a7e is the less saturated color, while #02afec is the most saturated one.
-
#707a7e
#707a7e
rgb(112,122,126)
-
#677f87
#677f87
rgb(103,127,135)
-
#5e8390
#5e8390
rgb(94,131,144)
-
#54889a
#54889a
rgb(84,136,154)
-
#4b8ca3
#4b8ca3
rgb(75,140,163)
-
#4290ac
#4290ac
rgb(66,144,172)
-
#3995b5
#3995b5
rgb(57,149,181)
-
#3099be
#3099be
rgb(48,153,190)
-
#279dc7
#279dc7
rgb(39,157,199)
-
#1da2d1
#1da2d1
rgb(29,162,209)
-
#14a6da
#14a6da
rgb(20,166,218)
-
#0babe3
#0babe3
rgb(11,171,227)
-
#02afec
#02afec
rgb(2,175,236)
Color Blindness Simulator
Below, you can see how #02afec 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.