#02aaf5 Color Information
In a RGB color space, hex #02aaf5 is composed of 0.8% red, 66.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 30.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 198.5 degrees, a saturation of 98.4% and a lightness of 48.4%. #02aaf5 color hex could be obtained by blending #04ffff with #0055eb. Closest websafe color is: #0099ff.
-
- R 1
- G 67
- B 96
-
- C 99
- M 31
- Y 0
- K 4
● #02aaf5 color description : Vivid blue.
#02aaf5 Color Conversion
The hexadecimal color #02aaf5 has RGB values of R:2, G:170, B:245 and CMYK values of C:0.99, M:0.31, Y:0, K:0.04. Its decimal value is 174837.
Hex triplet | 02aaf5 | #02aaf5 |
---|---|---|
RGB Decimal | 2, 170, 245 | rgb(2,170,245) |
RGB Percent | 0.8, 66.7, 96.1 | rgb(0.8%,66.7%,96.1%) |
CMYK | 99, 31, 0, 4 | |
HSL | 198.5°, 98.4, 48.4 | hsl(198.5,98.4%,48.4%) |
HSV (or HSB) | 198.5°, 99.2, 96.1 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 66.022, -9.824, -47.37 |
---|---|
XYZ | 30.877, 35.352, 91.577 |
xyY | 0.196, 0.224, 35.352 |
CIE-LCH | 66.022, 48.378, 258.284 |
CIE-LUV | 66.022, -42.985, -75.273 |
Hunter-Lab | 59.457, -11.353, -49.699 |
Binary | 00000010, 10101010, 11110101 |
Color Schemes with #02aaf5
Alternatives to #02aaf5
Below, you can see some colors close to #02aaf5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02aaf5 Preview
This text has a font color of #02aaf5.
<span style="color:#02aaf5;">Text here</span>
This paragraph has a background color of #02aaf5.
<p style="background-color:#02aaf5;">Content here</p>
This element has a border color of #02aaf5.
<div style="border:1px solid #02aaf5;">Content here</div>
.text {color:#02aaf5;}
.background {background-color:#02aaf5;}
.border {border:1px solid #02aaf5;}
Shades and Tints of #02aaf5
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, #00080c is the darkest color, while #f7fdff is the lightest one.
-
#00080c
#00080c
rgb(0,8,12)
-
#00151f
#00151f
rgb(0,21,31)
-
#002332
#002332
rgb(0,35,50)
-
#013046
#013046
rgb(1,48,70)
-
#013e59
#013e59
rgb(1,62,89)
-
#014b6d
#014b6d
rgb(1,75,109)
-
#015980
#015980
rgb(1,89,128)
-
#016694
#016694
rgb(1,102,148)
-
#0174a7
#0174a7
rgb(1,116,167)
-
#0281bb
#0281bb
rgb(2,129,187)
-
#028fce
#028fce
rgb(2,143,206)
-
#029ce2
#029ce2
rgb(2,156,226)
-
#02aaf5
#02aaf5
rgb(2,170,245)
-
#0eb3fd
#0eb3fd
rgb(14,179,253)
-
#21b9fd
#21b9fd
rgb(33,185,253)
-
#34bffd
#34bffd
rgb(52,191,253)
-
#48c5fe
#48c5fe
rgb(72,197,254)
-
#5bccfe
#5bccfe
rgb(91,204,254)
-
#6fd2fe
#6fd2fe
rgb(111,210,254)
-
#82d8fe
#82d8fe
rgb(130,216,254)
-
#96defe
#96defe
rgb(150,222,254)
-
#a9e4fe
#a9e4fe
rgb(169,228,254)
-
#bdeafe
#bdeafe
rgb(189,234,254)
-
#d0f0ff
#d0f0ff
rgb(208,240,255)
-
#e4f6ff
#e4f6ff
rgb(228,246,255)
-
#f7fdff
#f7fdff
rgb(247,253,255)
Tones of #02aaf5
A tone is produced by adding gray to any pure hue. In this case, #747e83 is the less saturated color, while #02aaf5 is the most saturated one.
-
#747e83
#747e83
rgb(116,126,131)
-
#6b828d
#6b828d
rgb(107,130,141)
-
#618696
#618696
rgb(97,134,150)
-
#5889a0
#5889a0
rgb(88,137,160)
-
#4e8da9
#4e8da9
rgb(78,141,169)
-
#4591b3
#4591b3
rgb(69,145,179)
-
#3b94bc
#3b94bc
rgb(59,148,188)
-
#3298c6
#3298c6
rgb(50,152,198)
-
#289bcf
#289bcf
rgb(40,155,207)
-
#1f9fd9
#1f9fd9
rgb(31,159,217)
-
#15a3e2
#15a3e2
rgb(21,163,226)
-
#0ca6ec
#0ca6ec
rgb(12,166,236)
-
#02aaf5
#02aaf5
rgb(2,170,245)
Color Blindness Simulator
Below, you can see how #02aaf5 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.