#03aaf2 Color Information
In a RGB color space, hex #03aaf2 is composed of 1.2% red, 66.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 29.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 198.1 degrees, a saturation of 97.6% and a lightness of 48%. #03aaf2 color hex could be obtained by blending #06ffff with #0055e5. Closest websafe color is: #0099ff.
-
- R 1
- G 67
- B 95
-
- C 99
- M 30
- Y 0
- K 5
● #03aaf2 color description : Vivid blue.
#03aaf2 Color Conversion
The hexadecimal color #03aaf2 has RGB values of R:3, G:170, B:242 and CMYK values of C:0.99, M:0.3, Y:0, K:0.05. Its decimal value is 240370.
Hex triplet | 03aaf2 | #03aaf2 |
---|---|---|
RGB Decimal | 3, 170, 242 | rgb(3,170,242) |
RGB Percent | 1.2, 66.7, 94.9 | rgb(1.2%,66.7%,94.9%) |
CMYK | 99, 30, 0, 5 | |
HSL | 198.1°, 97.6, 48 | hsl(198.1,97.6%,48%) |
HSV (or HSB) | 198.1°, 98.8, 94.9 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 65.886, -10.886, -45.946 |
---|---|
XYZ | 30.435, 35.177, 89.185 |
xyY | 0.197, 0.227, 35.177 |
CIE-LCH | 65.886, 47.218, 256.671 |
CIE-LUV | 65.886, -43.159, -72.709 |
Hunter-Lab | 59.31, -12.194, -47.638 |
Binary | 00000011, 10101010, 11110010 |
Color Schemes with #03aaf2
Alternatives to #03aaf2
Below, you can see some colors close to #03aaf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#03aaf2 Preview
This text has a font color of #03aaf2.
<span style="color:#03aaf2;">Text here</span>
This paragraph has a background color of #03aaf2.
<p style="background-color:#03aaf2;">Content here</p>
This element has a border color of #03aaf2.
<div style="border:1px solid #03aaf2;">Content here</div>
.text {color:#03aaf2;}
.background {background-color:#03aaf2;}
.border {border:1px solid #03aaf2;}
Shades and Tints of #03aaf2
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, #000709 is the darkest color, while #f5fcff is the lightest one.
-
#000709
#000709
rgb(0,7,9)
-
#00141d
#00141d
rgb(0,20,29)
-
#012230
#012230
rgb(1,34,48)
-
#013044
#013044
rgb(1,48,68)
-
#013d57
#013d57
rgb(1,61,87)
-
#014b6a
#014b6a
rgb(1,75,106)
-
#02587e
#02587e
rgb(2,88,126)
-
#026691
#026691
rgb(2,102,145)
-
#0274a4
#0274a4
rgb(2,116,164)
-
#0281b8
#0281b8
rgb(2,129,184)
-
#038fcb
#038fcb
rgb(3,143,203)
-
#039cdf
#039cdf
rgb(3,156,223)
-
#03aaf2
#03aaf2
rgb(3,170,242)
-
#0db4fc
#0db4fc
rgb(13,180,252)
-
#20bafc
#20bafc
rgb(32,186,252)
-
#33c0fc
#33c0fc
rgb(51,192,252)
-
#47c6fd
#47c6fd
rgb(71,198,253)
-
#5accfd
#5accfd
rgb(90,204,253)
-
#6dd2fd
#6dd2fd
rgb(109,210,253)
-
#81d8fd
#81d8fd
rgb(129,216,253)
-
#94defe
#94defe
rgb(148,222,254)
-
#a8e4fe
#a8e4fe
rgb(168,228,254)
-
#bbeafe
#bbeafe
rgb(187,234,254)
-
#cef0fe
#cef0fe
rgb(206,240,254)
-
#e2f6ff
#e2f6ff
rgb(226,246,255)
-
#f5fcff
#f5fcff
rgb(245,252,255)
Tones of #03aaf2
A tone is produced by adding gray to any pure hue. In this case, #747d81 is the less saturated color, while #03aaf2 is the most saturated one.
-
#747d81
#747d81
rgb(116,125,129)
-
#6b818a
#6b818a
rgb(107,129,138)
-
#618594
#618594
rgb(97,133,148)
-
#58889d
#58889d
rgb(88,136,157)
-
#4e8ca7
#4e8ca7
rgb(78,140,167)
-
#4590b0
#4590b0
rgb(69,144,176)
-
#3c94b9
#3c94b9
rgb(60,148,185)
-
#3297c3
#3297c3
rgb(50,151,195)
-
#299bcc
#299bcc
rgb(41,155,204)
-
#1f9fd6
#1f9fd6
rgb(31,159,214)
-
#16a3df
#16a3df
rgb(22,163,223)
-
#0ca6e9
#0ca6e9
rgb(12,166,233)
-
#03aaf2
#03aaf2
rgb(3,170,242)
Color Blindness Simulator
Below, you can see how #03aaf2 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.