#02a4f7 Color Information
In a RGB color space, hex #02a4f7 is composed of 0.8% red, 64.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 33.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 200.3 degrees, a saturation of 98.4% and a lightness of 48.8%. #02a4f7 color hex could be obtained by blending #04ffff with #0049ef. Closest websafe color is: #0099ff.
-
- R 1
- G 64
- B 97
-
- C 99
- M 34
- Y 0
- K 3
● #02a4f7 color description : Vivid blue.
#02a4f7 Color Conversion
The hexadecimal color #02a4f7 has RGB values of R:2, G:164, B:247 and CMYK values of C:0.99, M:0.34, Y:0, K:0.03. Its decimal value is 173303.
Hex triplet | 02a4f7 | #02a4f7 |
---|---|---|
RGB Decimal | 2, 164, 247 | rgb(2,164,247) |
RGB Percent | 0.8, 64.3, 96.9 | rgb(0.8%,64.3%,96.9%) |
CMYK | 99, 34, 0, 3 | |
HSL | 200.3°, 98.4, 48.8 | hsl(200.3,98.4%,48.8%) |
HSV (or HSB) | 200.3°, 99.2, 96.9 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 64.384, -5.73, -51.05 |
---|---|
XYZ | 30.085, 33.276, 92.828 |
xyY | 0.193, 0.213, 33.276 |
CIE-LCH | 64.384, 51.37, 263.596 |
CIE-LUV | 64.384, -40.889, -81.651 |
Hunter-Lab | 57.686, -7.857, -55.03 |
Binary | 00000010, 10100100, 11110111 |
Color Schemes with #02a4f7
Alternatives to #02a4f7
Below, you can see some colors close to #02a4f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02a4f7 Preview
This text has a font color of #02a4f7.
<span style="color:#02a4f7;">Text here</span>
This paragraph has a background color of #02a4f7.
<p style="background-color:#02a4f7;">Content here</p>
This element has a border color of #02a4f7.
<div style="border:1px solid #02a4f7;">Content here</div>
.text {color:#02a4f7;}
.background {background-color:#02a4f7;}
.border {border:1px solid #02a4f7;}
Shades and Tints of #02a4f7
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, #00090e is the darkest color, while #f9fdff is the lightest one.
-
#00090e
#00090e
rgb(0,9,14)
-
#001621
#001621
rgb(0,22,33)
-
#002334
#002334
rgb(0,35,52)
-
#013048
#013048
rgb(1,48,72)
-
#013d5b
#013d5b
rgb(1,61,91)
-
#014a6f
#014a6f
rgb(1,74,111)
-
#015682
#015682
rgb(1,86,130)
-
#016396
#016396
rgb(1,99,150)
-
#0170a9
#0170a9
rgb(1,112,169)
-
#027dbd
#027dbd
rgb(2,125,189)
-
#028ad0
#028ad0
rgb(2,138,208)
-
#0297e4
#0297e4
rgb(2,151,228)
-
#02a4f7
#02a4f7
rgb(2,164,247)
-
#10adfd
#10adfd
rgb(16,173,253)
-
#23b3fd
#23b3fd
rgb(35,179,253)
-
#36bafd
#36bafd
rgb(54,186,253)
-
#4ac1fe
#4ac1fe
rgb(74,193,254)
-
#5dc7fe
#5dc7fe
rgb(93,199,254)
-
#71cefe
#71cefe
rgb(113,206,254)
-
#84d5fe
#84d5fe
rgb(132,213,254)
-
#98dbfe
#98dbfe
rgb(152,219,254)
-
#abe2fe
#abe2fe
rgb(171,226,254)
-
#bfe9fe
#bfe9fe
rgb(191,233,254)
-
#d2f0ff
#d2f0ff
rgb(210,240,255)
-
#e6f6ff
#e6f6ff
rgb(230,246,255)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #02a4f7
A tone is produced by adding gray to any pure hue. In this case, #757f84 is the less saturated color, while #02a4f7 is the most saturated one.
-
#757f84
#757f84
rgb(117,127,132)
-
#6b828e
#6b828e
rgb(107,130,142)
-
#628597
#628597
rgb(98,133,151)
-
#5888a1
#5888a1
rgb(88,136,161)
-
#4f8baa
#4f8baa
rgb(79,139,170)
-
#458eb4
#458eb4
rgb(69,142,180)
-
#3b91be
#3b91be
rgb(59,145,190)
-
#3295c7
#3295c7
rgb(50,149,199)
-
#2898d1
#2898d1
rgb(40,152,209)
-
#1f9bda
#1f9bda
rgb(31,155,218)
-
#159ee4
#159ee4
rgb(21,158,228)
-
#0ca1ed
#0ca1ed
rgb(12,161,237)
-
#02a4f7
#02a4f7
rgb(2,164,247)
Color Blindness Simulator
Below, you can see how #02a4f7 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.