#02afe2 Color Information
In a RGB color space, hex #02afe2 is composed of 0.8% red, 68.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 22.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 193.7 degrees, a saturation of 98.2% and a lightness of 44.7%. #02afe2 color hex could be obtained by blending #04ffff with #005fc5. Closest websafe color is: #0099cc.
-
- R 1
- G 69
- B 89
-
- C 99
- M 23
- Y 0
- K 11
● #02afe2 color description : Vivid cyan.
#02afe2 Color Conversion
The hexadecimal color #02afe2 has RGB values of R:2, G:175, B:226 and CMYK values of C:0.99, M:0.23, Y:0, K:0.11. Its decimal value is 176098.
Hex triplet | 02afe2 | #02afe2 |
---|---|---|
RGB Decimal | 2, 175, 226 | rgb(2,175,226) |
RGB Percent | 0.8, 68.6, 88.6 | rgb(0.8%,68.6%,88.6%) |
CMYK | 99, 23, 0, 11 | |
HSL | 193.7°, 98.2, 44.7 | hsl(193.7,98.2%,44.7%) |
HSV (or HSB) | 193.7°, 99.1, 88.6 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 66.643, -19.307, -36.002 |
---|---|
XYZ | 29.079, 36.161, 77.394 |
xyY | 0.204, 0.254, 36.161 |
CIE-LCH | 66.643, 40.852, 241.797 |
CIE-LUV | 66.643, -46.013, -54.915 |
Hunter-Lab | 60.134, -18.918, -34.214 |
Binary | 00000010, 10101111, 11100010 |
Color Schemes with #02afe2
Alternatives to #02afe2
Below, you can see some colors close to #02afe2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02afe2 Preview
This text has a font color of #02afe2.
<span style="color:#02afe2;">Text here</span>
This paragraph has a background color of #02afe2.
<p style="background-color:#02afe2;">Content here</p>
This element has a border color of #02afe2.
<div style="border:1px solid #02afe2;">Content here</div>
.text {color:#02afe2;}
.background {background-color:#02afe2;}
.border {border:1px solid #02afe2;}
Shades and Tints of #02afe2
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, #00090c is the darkest color, while #f8fdff is the lightest one.
-
#00090c
#00090c
rgb(0,9,12)
-
#001820
#001820
rgb(0,24,32)
-
#002733
#002733
rgb(0,39,51)
-
#013746
#013746
rgb(1,55,70)
-
#01465a
#01465a
rgb(1,70,90)
-
#01556d
#01556d
rgb(1,85,109)
-
#016481
#016481
rgb(1,100,129)
-
#017394
#017394
rgb(1,115,148)
-
#0182a8
#0182a8
rgb(1,130,168)
-
#0291bb
#0291bb
rgb(2,145,187)
-
#02a0cf
#02a0cf
rgb(2,160,207)
-
#02afe2
#02afe2
rgb(2,175,226)
-
#02bef5
#02bef5
rgb(2,190,245)
-
#0ec7fd
#0ec7fd
rgb(14,199,253)
-
#22cbfd
#22cbfd
rgb(34,203,253)
-
#35d0fd
#35d0fd
rgb(53,208,253)
-
#49d4fd
#49d4fd
rgb(73,212,253)
-
#5cd9fe
#5cd9fe
rgb(92,217,254)
-
#70ddfe
#70ddfe
rgb(112,221,254)
-
#83e2fe
#83e2fe
rgb(131,226,254)
-
#96e6fe
#96e6fe
rgb(150,230,254)
-
#aaebfe
#aaebfe
rgb(170,235,254)
-
#bdf0fe
#bdf0fe
rgb(189,240,254)
-
#d1f4ff
#d1f4ff
rgb(209,244,255)
-
#e4f9ff
#e4f9ff
rgb(228,249,255)
-
#f8fdff
#f8fdff
rgb(248,253,255)
Tones of #02afe2
A tone is produced by adding gray to any pure hue. In this case, #6b7679 is the less saturated color, while #02afe2 is the most saturated one.
-
#6b7679
#6b7679
rgb(107,118,121)
-
#627a82
#627a82
rgb(98,122,130)
-
#5a7f8a
#5a7f8a
rgb(90,127,138)
-
#518493
#518493
rgb(81,132,147)
-
#48899c
#48899c
rgb(72,137,156)
-
#3f8ea5
#3f8ea5
rgb(63,142,165)
-
#3792ad
#3792ad
rgb(55,146,173)
-
#2e97b6
#2e97b6
rgb(46,151,182)
-
#259cbf
#259cbf
rgb(37,156,191)
-
#1ca1c8
#1ca1c8
rgb(28,161,200)
-
#14a5d0
#14a5d0
rgb(20,165,208)
-
#0baad9
#0baad9
rgb(11,170,217)
-
#02afe2
#02afe2
rgb(2,175,226)
Color Blindness Simulator
Below, you can see how #02afe2 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.