#03a2ff Color Information
In a RGB color space, hex #03a2ff is composed of 1.2% red, 63.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 36.5% magenta, 0% yellow and 0% black. It has a hue angle of 202.1 degrees, a saturation of 100% and a lightness of 50.6%. #03a2ff color hex could be obtained by blending #06ffff with #0045ff. Closest websafe color is: #0099ff.
-
- R 1
- G 64
- B 100
-
- C 99
- M 36
- Y 0
- K 0
● #03a2ff color description : Vivid blue.
#03a2ff Color Conversion
The hexadecimal color #03a2ff has RGB values of R:3, G:162, B:255 and CMYK values of C:0.99, M:0.36, Y:0, K:0. Its decimal value is 238335.
Hex triplet | 03a2ff | #03a2ff |
---|---|---|
RGB Decimal | 3, 162, 255 | rgb(3,162,255) |
RGB Percent | 1.2, 63.5, 100 | rgb(1.2%,63.5%,100%) |
CMYK | 99, 36, 0, 0 | |
HSL | 202.1°, 100, 50.6 | hsl(202.1,100%,50.6%) |
HSV (or HSB) | 202.1°, 98.8, 100 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 64.223, -1.603, -55.67 |
---|---|
XYZ | 31.004, 33.077, 99.353 |
xyY | 0.19, 0.202, 33.077 |
CIE-LCH | 64.223, 55.693, 268.351 |
CIE-LUV | 64.223, -39.707, -89.828 |
Hunter-Lab | 57.513, -4.423, -62.164 |
Binary | 00000011, 10100010, 11111111 |
Color Schemes with #03a2ff
Alternatives to #03a2ff
Below, you can see some colors close to #03a2ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#03a2ff Preview
This text has a font color of #03a2ff.
<span style="color:#03a2ff;">Text here</span>
This paragraph has a background color of #03a2ff.
<p style="background-color:#03a2ff;">Content here</p>
This element has a border color of #03a2ff.
<div style="border:1px solid #03a2ff;">Content here</div>
.text {color:#03a2ff;}
.background {background-color:#03a2ff;}
.border {border:1px solid #03a2ff;}
Shades and Tints of #03a2ff
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, #000203 is the darkest color, while #eef9ff is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#000e17
#000e17
rgb(0,14,23)
-
#001b2a
#001b2a
rgb(0,27,42)
-
#00273e
#00273e
rgb(0,39,62)
-
#003351
#003351
rgb(0,51,81)
-
#004065
#004065
rgb(0,64,101)
-
#004c79
#004c79
rgb(0,76,121)
-
#00598c
#00598c
rgb(0,89,140)
-
#0065a0
#0065a0
rgb(0,101,160)
-
#0071b4
#0071b4
rgb(0,113,180)
-
#007ec7
#007ec7
rgb(0,126,199)
-
#008adb
#008adb
rgb(0,138,219)
-
#0096ee
#0096ee
rgb(0,150,238)
-
#03a2ff
#03a2ff
rgb(3,162,255)
-
#17a9ff
#17a9ff
rgb(23,169,255)
-
#2ab0ff
#2ab0ff
rgb(42,176,255)
-
#3eb8ff
#3eb8ff
rgb(62,184,255)
-
#51bfff
#51bfff
rgb(81,191,255)
-
#65c6ff
#65c6ff
rgb(101,198,255)
-
#79cdff
#79cdff
rgb(121,205,255)
-
#8cd5ff
#8cd5ff
rgb(140,213,255)
-
#a0dcff
#a0dcff
rgb(160,220,255)
-
#b4e3ff
#b4e3ff
rgb(180,227,255)
-
#c7eaff
#c7eaff
rgb(199,234,255)
-
#dbf2ff
#dbf2ff
rgb(219,242,255)
-
#eef9ff
#eef9ff
rgb(238,249,255)
Tones of #03a2ff
A tone is produced by adding gray to any pure hue. In this case, #77848b is the less saturated color, while #03a2ff is the most saturated one.
-
#77848b
#77848b
rgb(119,132,139)
-
#6e8694
#6e8694
rgb(110,134,148)
-
#64899e
#64899e
rgb(100,137,158)
-
#5a8ba8
#5a8ba8
rgb(90,139,168)
-
#518eb1
#518eb1
rgb(81,142,177)
-
#4790bb
#4790bb
rgb(71,144,187)
-
#3d93c5
#3d93c5
rgb(61,147,197)
-
#3395cf
#3395cf
rgb(51,149,207)
-
#2a98d8
#2a98d8
rgb(42,152,216)
-
#209ae2
#209ae2
rgb(32,154,226)
-
#169dec
#169dec
rgb(22,157,236)
-
#0d9ff5
#0d9ff5
rgb(13,159,245)
-
#03a2ff
#03a2ff
rgb(3,162,255)
Color Blindness Simulator
Below, you can see how #03a2ff 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.