#02a0f2 Color Information
In a RGB color space, hex #02a0f2 is composed of 0.8% red, 62.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 33.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 200.5 degrees, a saturation of 98.4% and a lightness of 47.8%. #02a0f2 color hex could be obtained by blending #04ffff with #0041e5. Closest websafe color is: #0099ff.
-
- R 1
- G 63
- B 95
-
- C 99
- M 34
- Y 0
- K 5
● #02a0f2 color description : Vivid blue.
#02a0f2 Color Conversion
The hexadecimal color #02a0f2 has RGB values of R:2, G:160, B:242 and CMYK values of C:0.99, M:0.34, Y:0, K:0.05. Its decimal value is 172274.
Hex triplet | 02a0f2 | #02a0f2 |
---|---|---|
RGB Decimal | 2, 160, 242 | rgb(2,160,242) |
RGB Percent | 0.8, 62.7, 94.9 | rgb(0.8%,62.7%,94.9%) |
CMYK | 99, 34, 0, 5 | |
HSL | 200.5°, 98.4, 47.8 | hsl(200.5,98.4%,47.8%) |
HSV (or HSB) | 200.5°, 99.2, 94.9 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 62.98, -5.304, -50.535 |
---|---|
XYZ | 28.619, 31.563, 88.583 |
xyY | 0.192, 0.212, 31.563 |
CIE-LCH | 62.98, 50.813, 264.009 |
CIE-LUV | 62.98, -39.91, -80.539 |
Hunter-Lab | 56.181, -7.386, -54.16 |
Binary | 00000010, 10100000, 11110010 |
Color Schemes with #02a0f2
Alternatives to #02a0f2
Below, you can see some colors close to #02a0f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02a0f2 Preview
This text has a font color of #02a0f2.
<span style="color:#02a0f2;">Text here</span>
This paragraph has a background color of #02a0f2.
<p style="background-color:#02a0f2;">Content here</p>
This element has a border color of #02a0f2.
<div style="border:1px solid #02a0f2;">Content here</div>
.text {color:#02a0f2;}
.background {background-color:#02a0f2;}
.border {border:1px solid #02a0f2;}
Shades and Tints of #02a0f2
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, #000609 is the darkest color, while #f4fbff is the lightest one.
-
#000609
#000609
rgb(0,6,9)
-
#00131c
#00131c
rgb(0,19,28)
-
#001f2f
#001f2f
rgb(0,31,47)
-
#012c43
#012c43
rgb(1,44,67)
-
#013956
#013956
rgb(1,57,86)
-
#01466a
#01466a
rgb(1,70,106)
-
#01537d
#01537d
rgb(1,83,125)
-
#016091
#016091
rgb(1,96,145)
-
#016da4
#016da4
rgb(1,109,164)
-
#0279b8
#0279b8
rgb(2,121,184)
-
#0286cb
#0286cb
rgb(2,134,203)
-
#0293df
#0293df
rgb(2,147,223)
-
#02a0f2
#02a0f2
rgb(2,160,242)
-
#0baafd
#0baafd
rgb(11,170,253)
-
#1eb1fd
#1eb1fd
rgb(30,177,253)
-
#32b8fd
#32b8fd
rgb(50,184,253)
-
#45befd
#45befd
rgb(69,190,253)
-
#58c5fe
#58c5fe
rgb(88,197,254)
-
#6cccfe
#6cccfe
rgb(108,204,254)
-
#7fd3fe
#7fd3fe
rgb(127,211,254)
-
#93d9fe
#93d9fe
rgb(147,217,254)
-
#a6e0fe
#a6e0fe
rgb(166,224,254)
-
#bae7fe
#bae7fe
rgb(186,231,254)
-
#cdeeff
#cdeeff
rgb(205,238,255)
-
#e1f4ff
#e1f4ff
rgb(225,244,255)
-
#f4fbff
#f4fbff
rgb(244,251,255)
Tones of #02a0f2
A tone is produced by adding gray to any pure hue. In this case, #737c81 is the less saturated color, while #02a0f2 is the most saturated one.
-
#737c81
#737c81
rgb(115,124,129)
-
#697f8b
#697f8b
rgb(105,127,139)
-
#608294
#608294
rgb(96,130,148)
-
#56859e
#56859e
rgb(86,133,158)
-
#4d88a7
#4d88a7
rgb(77,136,167)
-
#448bb0
#448bb0
rgb(68,139,176)
-
#3a8eba
#3a8eba
rgb(58,142,186)
-
#3191c3
#3191c3
rgb(49,145,195)
-
#2894cc
#2894cc
rgb(40,148,204)
-
#1e97d6
#1e97d6
rgb(30,151,214)
-
#159adf
#159adf
rgb(21,154,223)
-
#0b9de9
#0b9de9
rgb(11,157,233)
-
#02a0f2
#02a0f2
rgb(2,160,242)
Color Blindness Simulator
Below, you can see how #02a0f2 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.