#02a3f7 Color Information
In a RGB color space, hex #02a3f7 is composed of 0.8% red, 63.9% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 34% magenta, 0% yellow and 3.1% black. It has a hue angle of 200.6 degrees, a saturation of 98.4% and a lightness of 48.8%. #02a3f7 color hex could be obtained by blending #04ffff with #0047ef. Closest websafe color is: #0099ff.
-
- R 1
- G 64
- B 97
-
- C 99
- M 34
- Y 0
- K 3
● #02a3f7 color description : Vivid blue.
#02a3f7 Color Conversion
The hexadecimal color #02a3f7 has RGB values of R:2, G:163, B:247 and CMYK values of C:0.99, M:0.34, Y:0, K:0.03. Its decimal value is 173047.
Hex triplet | 02a3f7 | #02a3f7 |
---|---|---|
RGB Decimal | 2, 163, 247 | rgb(2,163,247) |
RGB Percent | 0.8, 63.9, 96.9 | rgb(0.8%,63.9%,96.9%) |
CMYK | 99, 34, 0, 3 | |
HSL | 200.6°, 98.4, 48.8 | hsl(200.6,98.4%,48.8%) |
HSV (or HSB) | 200.6°, 99.2, 96.9 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 64.096, -5.162, -51.506 |
---|---|
XYZ | 29.907, 32.92, 92.768 |
xyY | 0.192, 0.212, 32.92 |
CIE-LCH | 64.096, 51.764, 264.277 |
CIE-LUV | 64.096, -40.564, -82.422 |
Hunter-Lab | 57.376, -7.366, -55.7 |
Binary | 00000010, 10100011, 11110111 |
Color Schemes with #02a3f7
Alternatives to #02a3f7
Below, you can see some colors close to #02a3f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02a3f7 Preview
This text has a font color of #02a3f7.
<span style="color:#02a3f7;">Text here</span>
This paragraph has a background color of #02a3f7.
<p style="background-color:#02a3f7;">Content here</p>
This element has a border color of #02a3f7.
<div style="border:1px solid #02a3f7;">Content here</div>
.text {color:#02a3f7;}
.background {background-color:#02a3f7;}
.border {border:1px solid #02a3f7;}
Shades and Tints of #02a3f7
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)
-
#012f48
#012f48
rgb(1,47,72)
-
#013c5b
#013c5b
rgb(1,60,91)
-
#01496f
#01496f
rgb(1,73,111)
-
#015682
#015682
rgb(1,86,130)
-
#016396
#016396
rgb(1,99,150)
-
#0170a9
#0170a9
rgb(1,112,169)
-
#027cbd
#027cbd
rgb(2,124,189)
-
#0289d0
#0289d0
rgb(2,137,208)
-
#0296e4
#0296e4
rgb(2,150,228)
-
#02a3f7
#02a3f7
rgb(2,163,247)
-
#10acfd
#10acfd
rgb(16,172,253)
-
#23b2fd
#23b2fd
rgb(35,178,253)
-
#36b9fd
#36b9fd
rgb(54,185,253)
-
#4ac0fe
#4ac0fe
rgb(74,192,254)
-
#5dc7fe
#5dc7fe
rgb(93,199,254)
-
#71cefe
#71cefe
rgb(113,206,254)
-
#84d4fe
#84d4fe
rgb(132,212,254)
-
#98dbfe
#98dbfe
rgb(152,219,254)
-
#abe2fe
#abe2fe
rgb(171,226,254)
-
#bfe9fe
#bfe9fe
rgb(191,233,254)
-
#d2efff
#d2efff
rgb(210,239,255)
-
#e6f6ff
#e6f6ff
rgb(230,246,255)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #02a3f7
A tone is produced by adding gray to any pure hue. In this case, #757f84 is the less saturated color, while #02a3f7 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)
-
#3294c7
#3294c7
rgb(50,148,199)
-
#2897d1
#2897d1
rgb(40,151,209)
-
#1f9ada
#1f9ada
rgb(31,154,218)
-
#159de4
#159de4
rgb(21,157,228)
-
#0ca0ed
#0ca0ed
rgb(12,160,237)
-
#02a3f7
#02a3f7
rgb(2,163,247)
Color Blindness Simulator
Below, you can see how #02a3f7 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.