#03a4f6 Color Information
In a RGB color space, hex #03a4f6 is composed of 1.2% red, 64.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 33.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 200.2 degrees, a saturation of 97.6% and a lightness of 48.8%. #03a4f6 color hex could be obtained by blending #06ffff with #0049ed. Closest websafe color is: #0099ff.
-
- R 1
- G 64
- B 96
-
- C 99
- M 33
- Y 0
- K 4
● #03a4f6 color description : Vivid blue.
#03a4f6 Color Conversion
The hexadecimal color #03a4f6 has RGB values of R:3, G:164, B:246 and CMYK values of C:0.99, M:0.33, Y:0, K:0.04. Its decimal value is 238838.
Hex triplet | 03a4f6 | #03a4f6 |
---|---|---|
RGB Decimal | 3, 164, 246 | rgb(3,164,246) |
RGB Percent | 1.2, 64.3, 96.5 | rgb(1.2%,64.3%,96.5%) |
CMYK | 99, 33, 0, 4 | |
HSL | 200.2°, 97.6, 48.8 | hsl(200.2,97.6%,48.8%) |
HSV (or HSB) | 200.2°, 98.8, 96.5 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 64.34, -6.073, -50.573 |
---|---|
XYZ | 29.943, 33.221, 92.018 |
xyY | 0.193, 0.214, 33.221 |
CIE-LCH | 64.34, 50.936, 263.152 |
CIE-LUV | 64.34, -40.922, -80.8 |
Hunter-Lab | 57.638, -8.134, -54.309 |
Binary | 00000011, 10100100, 11110110 |
Color Schemes with #03a4f6
Alternatives to #03a4f6
Below, you can see some colors close to #03a4f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#03a4f6 Preview
This text has a font color of #03a4f6.
<span style="color:#03a4f6;">Text here</span>
This paragraph has a background color of #03a4f6.
<p style="background-color:#03a4f6;">Content here</p>
This element has a border color of #03a4f6.
<div style="border:1px solid #03a4f6;">Content here</div>
.text {color:#03a4f6;}
.background {background-color:#03a4f6;}
.border {border:1px solid #03a4f6;}
Shades and Tints of #03a4f6
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, #00090d is the darkest color, while #f9fdff is the lightest one.
-
#00090d
#00090d
rgb(0,9,13)
-
#001621
#001621
rgb(0,22,33)
-
#012334
#012334
rgb(1,35,52)
-
#013048
#013048
rgb(1,48,72)
-
#013d5b
#013d5b
rgb(1,61,91)
-
#014a6e
#014a6e
rgb(1,74,110)
-
#025682
#025682
rgb(2,86,130)
-
#026395
#026395
rgb(2,99,149)
-
#0270a8
#0270a8
rgb(2,112,168)
-
#027dbc
#027dbc
rgb(2,125,188)
-
#038acf
#038acf
rgb(3,138,207)
-
#0397e3
#0397e3
rgb(3,151,227)
-
#03a4f6
#03a4f6
rgb(3,164,246)
-
#11adfc
#11adfc
rgb(17,173,252)
-
#24b3fc
#24b3fc
rgb(36,179,252)
-
#37bafd
#37bafd
rgb(55,186,253)
-
#4bc1fd
#4bc1fd
rgb(75,193,253)
-
#5ec7fd
#5ec7fd
rgb(94,199,253)
-
#71cefd
#71cefd
rgb(113,206,253)
-
#85d5fe
#85d5fe
rgb(133,213,254)
-
#98dbfe
#98dbfe
rgb(152,219,254)
-
#ace2fe
#ace2fe
rgb(172,226,254)
-
#bfe9fe
#bfe9fe
rgb(191,233,254)
-
#d2f0fe
#d2f0fe
rgb(210,240,254)
-
#e6f6ff
#e6f6ff
rgb(230,246,255)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #03a4f6
A tone is produced by adding gray to any pure hue. In this case, #767f83 is the less saturated color, while #03a4f6 is the most saturated one.
-
#767f83
#767f83
rgb(118,127,131)
-
#6c828d
#6c828d
rgb(108,130,141)
-
#638596
#638596
rgb(99,133,150)
-
#5988a0
#5988a0
rgb(89,136,160)
-
#508ba9
#508ba9
rgb(80,139,169)
-
#468eb3
#468eb3
rgb(70,142,179)
-
#3c91bd
#3c91bd
rgb(60,145,189)
-
#3394c6
#3394c6
rgb(51,148,198)
-
#2998d0
#2998d0
rgb(41,152,208)
-
#209bd9
#209bd9
rgb(32,155,217)
-
#169ee3
#169ee3
rgb(22,158,227)
-
#0da1ec
#0da1ec
rgb(13,161,236)
-
#03a4f6
#03a4f6
rgb(3,164,246)
Color Blindness Simulator
Below, you can see how #03a4f6 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.