#02a4f9 Color Information
In a RGB color space, hex #02a4f9 is composed of 0.8% red, 64.3% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 34.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 200.6 degrees, a saturation of 98.4% and a lightness of 49.2%. #02a4f9 color hex could be obtained by blending #04ffff with #0049f3. Closest websafe color is: #0099ff.
-
- R 1
- G 64
- B 98
-
- C 99
- M 34
- Y 0
- K 2
● #02a4f9 color description : Vivid blue.
#02a4f9 Color Conversion
The hexadecimal color #02a4f9 has RGB values of R:2, G:164, B:249 and CMYK values of C:0.99, M:0.34, Y:0, K:0.02. Its decimal value is 173305.
Hex triplet | 02a4f9 | #02a4f9 |
---|---|---|
RGB Decimal | 2, 164, 249 | rgb(2,164,249) |
RGB Percent | 0.8, 64.3, 97.6 | rgb(0.8%,64.3%,97.6%) |
CMYK | 99, 34, 0, 2 | |
HSL | 200.6°, 98.4, 49.2 | hsl(200.6,98.4%,49.2%) |
HSV (or HSB) | 200.6°, 99.2, 97.6 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 64.484, -4.992, -51.984 |
---|---|
XYZ | 30.395, 33.4, 94.462 |
xyY | 0.192, 0.211, 33.4 |
CIE-LCH | 64.484, 52.223, 264.514 |
CIE-LUV | 64.484, -40.76, -83.327 |
Hunter-Lab | 57.793, -7.259, -56.454 |
Binary | 00000010, 10100100, 11111001 |
Color Schemes with #02a4f9
Alternatives to #02a4f9
Below, you can see some colors close to #02a4f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02a4f9 Preview
This text has a font color of #02a4f9.
<span style="color:#02a4f9;">Text here</span>
This paragraph has a background color of #02a4f9.
<p style="background-color:#02a4f9;">Content here</p>
This element has a border color of #02a4f9.
<div style="border:1px solid #02a4f9;">Content here</div>
.text {color:#02a4f9;}
.background {background-color:#02a4f9;}
.border {border:1px solid #02a4f9;}
Shades and Tints of #02a4f9
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, #000a0f is the darkest color, while #fbfeff is the lightest one.
-
#000a0f
#000a0f
rgb(0,10,15)
-
#001723
#001723
rgb(0,23,35)
-
#002436
#002436
rgb(0,36,54)
-
#01314a
#01314a
rgb(1,49,74)
-
#013d5d
#013d5d
rgb(1,61,93)
-
#014a71
#014a71
rgb(1,74,113)
-
#015784
#015784
rgb(1,87,132)
-
#016498
#016498
rgb(1,100,152)
-
#0171ab
#0171ab
rgb(1,113,171)
-
#027ebf
#027ebf
rgb(2,126,191)
-
#028ad2
#028ad2
rgb(2,138,210)
-
#0297e6
#0297e6
rgb(2,151,230)
-
#02a4f9
#02a4f9
rgb(2,164,249)
-
#12acfd
#12acfd
rgb(18,172,253)
-
#25b3fd
#25b3fd
rgb(37,179,253)
-
#38bafd
#38bafd
rgb(56,186,253)
-
#4cc0fe
#4cc0fe
rgb(76,192,254)
-
#5fc7fe
#5fc7fe
rgb(95,199,254)
-
#73cefe
#73cefe
rgb(115,206,254)
-
#86d5fe
#86d5fe
rgb(134,213,254)
-
#9adcfe
#9adcfe
rgb(154,220,254)
-
#ade2fe
#ade2fe
rgb(173,226,254)
-
#c1e9fe
#c1e9fe
rgb(193,233,254)
-
#d4f0ff
#d4f0ff
rgb(212,240,255)
-
#e8f7ff
#e8f7ff
rgb(232,247,255)
-
#fbfeff
#fbfeff
rgb(251,254,255)
Tones of #02a4f9
A tone is produced by adding gray to any pure hue. In this case, #768085 is the less saturated color, while #02a4f9 is the most saturated one.
-
#768085
#768085
rgb(118,128,133)
-
#6c838f
#6c838f
rgb(108,131,143)
-
#638698
#638698
rgb(99,134,152)
-
#5989a2
#5989a2
rgb(89,137,162)
-
#4f8cac
#4f8cac
rgb(79,140,172)
-
#468fb5
#468fb5
rgb(70,143,181)
-
#3c92bf
#3c92bf
rgb(60,146,191)
-
#3295c9
#3295c9
rgb(50,149,201)
-
#2998d2
#2998d2
rgb(41,152,210)
-
#1f9bdc
#1f9bdc
rgb(31,155,220)
-
#159ee6
#159ee6
rgb(21,158,230)
-
#0ca1ef
#0ca1ef
rgb(12,161,239)
-
#02a4f9
#02a4f9
rgb(2,164,249)
Color Blindness Simulator
Below, you can see how #02a4f9 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.