#02a5f9 Color Information
In a RGB color space, hex #02a5f9 is composed of 0.8% red, 64.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 33.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 200.4 degrees, a saturation of 98.4% and a lightness of 49.2%. #02a5f9 color hex could be obtained by blending #04ffff with #004bf3. Closest websafe color is: #0099ff.
-
- R 1
- G 65
- B 98
-
- C 99
- M 34
- Y 0
- K 2
● #02a5f9 color description : Vivid blue.
#02a5f9 Color Conversion
The hexadecimal color #02a5f9 has RGB values of R:2, G:165, B:249 and CMYK values of C:0.99, M:0.34, Y:0, K:0.02. Its decimal value is 173561.
Hex triplet | 02a5f9 | #02a5f9 |
---|---|---|
RGB Decimal | 2, 165, 249 | rgb(2,165,249) |
RGB Percent | 0.8, 64.7, 97.6 | rgb(0.8%,64.7%,97.6%) |
CMYK | 99, 34, 0, 2 | |
HSL | 200.4°, 98.4, 49.2 | hsl(200.4,98.4%,49.2%) |
HSV (or HSB) | 200.4°, 99.2, 97.6 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 64.771, -5.56, -51.528 |
---|---|
XYZ | 30.575, 33.76, 94.522 |
xyY | 0.192, 0.213, 33.76 |
CIE-LCH | 64.771, 51.827, 263.842 |
CIE-LUV | 64.771, -41.084, -82.557 |
Hunter-Lab | 58.103, -7.751, -55.781 |
Binary | 00000010, 10100101, 11111001 |
Color Schemes with #02a5f9
Alternatives to #02a5f9
Below, you can see some colors close to #02a5f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02a5f9 Preview
This text has a font color of #02a5f9.
<span style="color:#02a5f9;">Text here</span>
This paragraph has a background color of #02a5f9.
<p style="background-color:#02a5f9;">Content here</p>
This element has a border color of #02a5f9.
<div style="border:1px solid #02a5f9;">Content here</div>
.text {color:#02a5f9;}
.background {background-color:#02a5f9;}
.border {border:1px solid #02a5f9;}
Shades and Tints of #02a5f9
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)
-
#013e5d
#013e5d
rgb(1,62,93)
-
#014b71
#014b71
rgb(1,75,113)
-
#015884
#015884
rgb(1,88,132)
-
#016598
#016598
rgb(1,101,152)
-
#0171ab
#0171ab
rgb(1,113,171)
-
#027ebf
#027ebf
rgb(2,126,191)
-
#028bd2
#028bd2
rgb(2,139,210)
-
#0298e6
#0298e6
rgb(2,152,230)
-
#02a5f9
#02a5f9
rgb(2,165,249)
-
#12adfd
#12adfd
rgb(18,173,253)
-
#25b4fd
#25b4fd
rgb(37,180,253)
-
#38bafd
#38bafd
rgb(56,186,253)
-
#4cc1fe
#4cc1fe
rgb(76,193,254)
-
#5fc8fe
#5fc8fe
rgb(95,200,254)
-
#73cffe
#73cffe
rgb(115,207,254)
-
#86d5fe
#86d5fe
rgb(134,213,254)
-
#9adcfe
#9adcfe
rgb(154,220,254)
-
#ade3fe
#ade3fe
rgb(173,227,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 #02a5f9
A tone is produced by adding gray to any pure hue. In this case, #768085 is the less saturated color, while #02a5f9 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)
-
#3296c9
#3296c9
rgb(50,150,201)
-
#2999d2
#2999d2
rgb(41,153,210)
-
#1f9cdc
#1f9cdc
rgb(31,156,220)
-
#159fe6
#159fe6
rgb(21,159,230)
-
#0ca2ef
#0ca2ef
rgb(12,162,239)
-
#02a5f9
#02a5f9
rgb(2,165,249)
Color Blindness Simulator
Below, you can see how #02a5f9 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.