#0396f3 Color Information
In a RGB color space, hex #0396f3 is composed of 1.2% red, 58.8% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 38.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 203.3 degrees, a saturation of 97.6% and a lightness of 48.2%. #0396f3 color hex could be obtained by blending #06ffff with #002de7. Closest websafe color is: #0099ff.
-
- R 1
- G 59
- B 95
-
- C 99
- M 38
- Y 0
- K 5
● #0396f3 color description : Vivid blue.
#0396f3 Color Conversion
The hexadecimal color #0396f3 has RGB values of R:3, G:150, B:243 and CMYK values of C:0.99, M:0.38, Y:0, K:0.05. Its decimal value is 235251.
Hex triplet | 0396f3 | #0396f3 |
---|---|---|
RGB Decimal | 3, 150, 243 | rgb(3,150,243) |
RGB Percent | 1.2, 58.8, 95.3 | rgb(1.2%,58.8%,95.3%) |
CMYK | 99, 38, 0, 5 | |
HSL | 203.3°, 97.6, 48.2 | hsl(203.3,97.6%,48.2%) |
HSV (or HSB) | 203.3°, 98.8, 95.3 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 60.159, 0.888, -55.566 |
---|---|
XYZ | 27.118, 28.301, 88.822 |
xyY | 0.188, 0.196, 28.301 |
CIE-LCH | 60.159, 55.573, 270.916 |
CIE-LUV | 60.159, -36.59, -88.875 |
Hunter-Lab | 53.198, -2.107, -61.755 |
Binary | 00000011, 10010110, 11110011 |
Color Schemes with #0396f3
Alternatives to #0396f3
Below, you can see some colors close to #0396f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0396f3 Preview
This text has a font color of #0396f3.
<span style="color:#0396f3;">Text here</span>
This paragraph has a background color of #0396f3.
<p style="background-color:#0396f3;">Content here</p>
This element has a border color of #0396f3.
<div style="border:1px solid #0396f3;">Content here</div>
.text {color:#0396f3;}
.background {background-color:#0396f3;}
.border {border:1px solid #0396f3;}
Shades and Tints of #0396f3
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, #00060a is the darkest color, while #f6fbff is the lightest one.
-
#00060a
#00060a
rgb(0,6,10)
-
#00121e
#00121e
rgb(0,18,30)
-
#011e31
#011e31
rgb(1,30,49)
-
#012a45
#012a45
rgb(1,42,69)
-
#013658
#013658
rgb(1,54,88)
-
#01426b
#01426b
rgb(1,66,107)
-
#024e7f
#024e7f
rgb(2,78,127)
-
#025a92
#025a92
rgb(2,90,146)
-
#0266a5
#0266a5
rgb(2,102,165)
-
#0272b9
#0272b9
rgb(2,114,185)
-
#037ecc
#037ecc
rgb(3,126,204)
-
#038ae0
#038ae0
rgb(3,138,224)
-
#0396f3
#0396f3
rgb(3,150,243)
-
#0ea0fc
#0ea0fc
rgb(14,160,252)
-
#21a7fc
#21a7fc
rgb(33,167,252)
-
#34affc
#34affc
rgb(52,175,252)
-
#48b7fd
#48b7fd
rgb(72,183,253)
-
#5bbefd
#5bbefd
rgb(91,190,253)
-
#6ec6fd
#6ec6fd
rgb(110,198,253)
-
#82cefd
#82cefd
rgb(130,206,253)
-
#95d5fe
#95d5fe
rgb(149,213,254)
-
#a9ddfe
#a9ddfe
rgb(169,221,254)
-
#bce5fe
#bce5fe
rgb(188,229,254)
-
#cfecfe
#cfecfe
rgb(207,236,254)
-
#e3f4ff
#e3f4ff
rgb(227,244,255)
-
#f6fbff
#f6fbff
rgb(246,251,255)
Tones of #0396f3
A tone is produced by adding gray to any pure hue. In this case, #757c81 is the less saturated color, while #0396f3 is the most saturated one.
-
#757c81
#757c81
rgb(117,124,129)
-
#6b7f8b
#6b7f8b
rgb(107,127,139)
-
#628194
#628194
rgb(98,129,148)
-
#58839e
#58839e
rgb(88,131,158)
-
#4f85a7
#4f85a7
rgb(79,133,167)
-
#4587b1
#4587b1
rgb(69,135,177)
-
#3c89ba
#3c89ba
rgb(60,137,186)
-
#328bc4
#328bc4
rgb(50,139,196)
-
#298dcd
#298dcd
rgb(41,141,205)
-
#1f90d7
#1f90d7
rgb(31,144,215)
-
#1692e0
#1692e0
rgb(22,146,224)
-
#0c94ea
#0c94ea
rgb(12,148,234)
-
#0396f3
#0396f3
rgb(3,150,243)
Color Blindness Simulator
Below, you can see how #0396f3 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.