#02affe Color Information
In a RGB color space, hex #02affe is composed of 0.8% red, 68.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 31.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 198.8 degrees, a saturation of 99.2% and a lightness of 50.2%. #02affe color hex could be obtained by blending #04ffff with #005ffd. Closest websafe color is: #0099ff.
-
- R 1
- G 69
- B 100
-
- C 99
- M 31
- Y 0
- K 0
● #02affe color description : Vivid blue.
#02affe Color Conversion
The hexadecimal color #02affe has RGB values of R:2, G:175, B:254 and CMYK values of C:0.99, M:0.31, Y:0, K:0. Its decimal value is 176126.
Hex triplet | 02affe | #02affe |
---|---|---|
RGB Decimal | 2, 175, 254 | rgb(2,175,254) |
RGB Percent | 0.8, 68.6, 99.6 | rgb(0.8%,68.6%,99.6%) |
CMYK | 99, 31, 0, 0 | |
HSL | 198.8°, 99.2, 50.2 | hsl(198.8,99.2%,50.2%) |
HSV (or HSB) | 198.8°, 99.2, 99.6 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 67.892, -9.331, -49.317 |
---|---|
XYZ | 33.24, 37.825, 99.31 |
xyY | 0.195, 0.222, 37.825 |
CIE-LCH | 67.892, 50.192, 259.286 |
CIE-LUV | 67.892, -44.013, -78.967 |
Hunter-Lab | 61.502, -11.156, -52.686 |
Binary | 00000010, 10101111, 11111110 |
Color Schemes with #02affe
Alternatives to #02affe
Below, you can see some colors close to #02affe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02affe Preview
This text has a font color of #02affe.
<span style="color:#02affe;">Text here</span>
This paragraph has a background color of #02affe.
<p style="background-color:#02affe;">Content here</p>
This element has a border color of #02affe.
<div style="border:1px solid #02affe;">Content here</div>
.text {color:#02affe;}
.background {background-color:#02affe;}
.border {border:1px solid #02affe;}
Shades and Tints of #02affe
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, #000101 is the darkest color, while #ecf9ff is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#000e15
#000e15
rgb(0,14,21)
-
#001c28
#001c28
rgb(0,28,40)
-
#00293c
#00293c
rgb(0,41,60)
-
#00364f
#00364f
rgb(0,54,79)
-
#004463
#004463
rgb(0,68,99)
-
#005176
#005176
rgb(0,81,118)
-
#015f8a
#015f8a
rgb(1,95,138)
-
#016c9d
#016c9d
rgb(1,108,157)
-
#017ab1
#017ab1
rgb(1,122,177)
-
#0187c4
#0187c4
rgb(1,135,196)
-
#0194d8
#0194d8
rgb(1,148,216)
-
#01a2eb
#01a2eb
rgb(1,162,235)
-
#02affe
#02affe
rgb(2,175,254)
-
#16b5fe
#16b5fe
rgb(22,181,254)
-
#29bbfe
#29bbfe
rgb(41,187,254)
-
#3dc2fe
#3dc2fe
rgb(61,194,254)
-
#50c8fe
#50c8fe
rgb(80,200,254)
-
#64cefe
#64cefe
rgb(100,206,254)
-
#77d4fe
#77d4fe
rgb(119,212,254)
-
#8bdaff
#8bdaff
rgb(139,218,255)
-
#9ee0ff
#9ee0ff
rgb(158,224,255)
-
#b2e7ff
#b2e7ff
rgb(178,231,255)
-
#c5edff
#c5edff
rgb(197,237,255)
-
#d9f3ff
#d9f3ff
rgb(217,243,255)
-
#ecf9ff
#ecf9ff
rgb(236,249,255)
Tones of #02affe
A tone is produced by adding gray to any pure hue. In this case, #778389 is the less saturated color, while #02affe is the most saturated one.
-
#778389
#778389
rgb(119,131,137)
-
#6d8793
#6d8793
rgb(109,135,147)
-
#648b9c
#648b9c
rgb(100,139,156)
-
#5a8ea6
#5a8ea6
rgb(90,142,166)
-
#5092b0
#5092b0
rgb(80,146,176)
-
#4695ba
#4695ba
rgb(70,149,186)
-
#3d99c3
#3d99c3
rgb(61,153,195)
-
#339dcd
#339dcd
rgb(51,157,205)
-
#29a0d7
#29a0d7
rgb(41,160,215)
-
#1fa4e1
#1fa4e1
rgb(31,164,225)
-
#16a8ea
#16a8ea
rgb(22,168,234)
-
#0cabf4
#0cabf4
rgb(12,171,244)
-
#02affe
#02affe
rgb(2,175,254)
Color Blindness Simulator
Below, you can see how #02affe 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.