#02a2f7 Color Information
In a RGB color space, hex #02a2f7 is composed of 0.8% red, 63.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 34.4% magenta, 0% yellow and 3.1% black. It has a hue angle of 200.8 degrees, a saturation of 98.4% and a lightness of 48.8%. #02a2f7 color hex could be obtained by blending #04ffff with #0045ef. Closest websafe color is: #0099ff.
-
- R 1
- G 64
- B 97
-
- C 99
- M 34
- Y 0
- K 3
● #02a2f7 color description : Vivid blue.
#02a2f7 Color Conversion
The hexadecimal color #02a2f7 has RGB values of R:2, G:162, B:247 and CMYK values of C:0.99, M:0.34, Y:0, K:0.03. Its decimal value is 172791.
Hex triplet | 02a2f7 | #02a2f7 |
---|---|---|
RGB Decimal | 2, 162, 247 | rgb(2,162,247) |
RGB Percent | 0.8, 63.5, 96.9 | rgb(0.8%,63.5%,96.9%) |
CMYK | 99, 34, 0, 3 | |
HSL | 200.8°, 98.4, 48.8 | hsl(200.8,98.4%,48.8%) |
HSV (or HSB) | 200.8°, 99.2, 96.9 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 63.808, -4.593, -51.962 |
---|---|
XYZ | 29.73, 32.566, 92.71 |
xyY | 0.192, 0.21, 32.566 |
CIE-LCH | 63.808, 52.165, 264.949 |
CIE-LUV | 63.808, -40.239, -83.19 |
Hunter-Lab | 57.067, -6.875, -56.375 |
Binary | 00000010, 10100010, 11110111 |
Color Schemes with #02a2f7
Alternatives to #02a2f7
Below, you can see some colors close to #02a2f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02a2f7 Preview
This text has a font color of #02a2f7.
<span style="color:#02a2f7;">Text here</span>
This paragraph has a background color of #02a2f7.
<p style="background-color:#02a2f7;">Content here</p>
This element has a border color of #02a2f7.
<div style="border:1px solid #02a2f7;">Content here</div>
.text {color:#02a2f7;}
.background {background-color:#02a2f7;}
.border {border:1px solid #02a2f7;}
Shades and Tints of #02a2f7
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)
-
#002234
#002234
rgb(0,34,52)
-
#012f48
#012f48
rgb(1,47,72)
-
#013c5b
#013c5b
rgb(1,60,91)
-
#01496f
#01496f
rgb(1,73,111)
-
#015582
#015582
rgb(1,85,130)
-
#016296
#016296
rgb(1,98,150)
-
#016fa9
#016fa9
rgb(1,111,169)
-
#027cbd
#027cbd
rgb(2,124,189)
-
#0288d0
#0288d0
rgb(2,136,208)
-
#0295e4
#0295e4
rgb(2,149,228)
-
#02a2f7
#02a2f7
rgb(2,162,247)
-
#10abfd
#10abfd
rgb(16,171,253)
-
#23b2fd
#23b2fd
rgb(35,178,253)
-
#36b8fd
#36b8fd
rgb(54,184,253)
-
#4abffe
#4abffe
rgb(74,191,254)
-
#5dc6fe
#5dc6fe
rgb(93,198,254)
-
#71cdfe
#71cdfe
rgb(113,205,254)
-
#84d4fe
#84d4fe
rgb(132,212,254)
-
#98dbfe
#98dbfe
rgb(152,219,254)
-
#abe1fe
#abe1fe
rgb(171,225,254)
-
#bfe8fe
#bfe8fe
rgb(191,232,254)
-
#d2efff
#d2efff
rgb(210,239,255)
-
#e6f6ff
#e6f6ff
rgb(230,246,255)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #02a2f7
A tone is produced by adding gray to any pure hue. In this case, #757f84 is the less saturated color, while #02a2f7 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)
-
#458db4
#458db4
rgb(69,141,180)
-
#3b90be
#3b90be
rgb(59,144,190)
-
#3293c7
#3293c7
rgb(50,147,199)
-
#2896d1
#2896d1
rgb(40,150,209)
-
#1f99da
#1f99da
rgb(31,153,218)
-
#159ce4
#159ce4
rgb(21,156,228)
-
#0c9fed
#0c9fed
rgb(12,159,237)
-
#02a2f7
#02a2f7
rgb(2,162,247)
Color Blindness Simulator
Below, you can see how #02a2f7 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.