#5396f2 Color Information
In a RGB color space, hex #5396f2 is composed of 32.5% red, 58.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 38% magenta, 0% yellow and 5.1% black. It has a hue angle of 214.7 degrees, a saturation of 85.9% and a lightness of 63.7%. #5396f2 color hex could be obtained by blending #a6ffff with #002de5. Closest websafe color is: #6699ff.
-
- R 33
- G 59
- B 95
-
- C 66
- M 38
- Y 0
- K 5
● #5396f2 color description : Soft blue.
#5396f2 Color Conversion
The hexadecimal color #5396f2 has RGB values of R:83, G:150, B:242 and CMYK values of C:0.66, M:0.38, Y:0, K:0.05. Its decimal value is 5478130.
Hex triplet | 5396f2 | #5396f2 |
---|---|---|
RGB Decimal | 83, 150, 242 | rgb(83,150,242) |
RGB Percent | 32.5, 58.8, 94.9 | rgb(32.5%,58.8%,94.9%) |
CMYK | 66, 38, 0, 5 | |
HSL | 214.7°, 85.9, 63.7 | hsl(214.7,85.9%,63.7%) |
HSV (or HSB) | 214.7°, 65.7, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 61.706, 7.361, -52.457 |
---|---|
XYZ | 30.497, 30.06, 88.195 |
xyY | 0.205, 0.202, 30.06 |
CIE-LCH | 61.706, 52.971, 277.988 |
CIE-LUV | 61.706, -27.526, -84.767 |
Hunter-Lab | 54.827, 3.34, -56.994 |
Binary | 01010011, 10010110, 11110010 |
Color Schemes with #5396f2
Alternatives to #5396f2
Below, you can see some colors close to #5396f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5396f2 Preview
This text has a font color of #5396f2.
<span style="color:#5396f2;">Text here</span>
This paragraph has a background color of #5396f2.
<p style="background-color:#5396f2;">Content here</p>
This element has a border color of #5396f2.
<div style="border:1px solid #5396f2;">Content here</div>
.text {color:#5396f2;}
.background {background-color:#5396f2;}
.border {border:1px solid #5396f2;}
Shades and Tints of #5396f2
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, #01050a is the darkest color, while #f7fafe is the lightest one.
-
#01050a
#01050a
rgb(1,5,10)
-
#020d1d
#020d1d
rgb(2,13,29)
-
#04162f
#04162f
rgb(4,22,47)
-
#051e41
#051e41
rgb(5,30,65)
-
#062753
#062753
rgb(6,39,83)
-
#082f66
#082f66
rgb(8,47,102)
-
#093878
#093878
rgb(9,56,120)
-
#0a408a
#0a408a
rgb(10,64,138)
-
#0c499c
#0c499c
rgb(12,73,156)
-
#0d51af
#0d51af
rgb(13,81,175)
-
#0f5ac1
#0f5ac1
rgb(15,90,193)
-
#1062d3
#1062d3
rgb(16,98,211)
-
#116be5
#116be5
rgb(17,107,229)
-
#1c75ee
#1c75ee
rgb(28,117,238)
-
#2f80ef
#2f80ef
rgb(47,128,239)
-
#418bf1
#418bf1
rgb(65,139,241)
-
#5396f2
#5396f2
rgb(83,150,242)
-
#65a1f3
#65a1f3
rgb(101,161,243)
-
#77acf5
#77acf5
rgb(119,172,245)
-
#8ab7f6
#8ab7f6
rgb(138,183,246)
-
#9cc3f8
#9cc3f8
rgb(156,195,248)
-
#aecef9
#aecef9
rgb(174,206,249)
-
#c0d9fa
#c0d9fa
rgb(192,217,250)
-
#d3e4fc
#d3e4fc
rgb(211,228,252)
-
#e5effd
#e5effd
rgb(229,239,253)
-
#f7fafe
#f7fafe
rgb(247,250,254)
Tones of #5396f2
A tone is produced by adding gray to any pure hue. In this case, #a1a2a4 is the less saturated color, while #4c95f9 is the most saturated one.
-
#a1a2a4
#a1a2a4
rgb(161,162,164)
-
#9aa1ab
#9aa1ab
rgb(154,161,171)
-
#93a0b2
#93a0b2
rgb(147,160,178)
-
#8c9fb9
#8c9fb9
rgb(140,159,185)
-
#859ec0
#859ec0
rgb(133,158,192)
-
#7e9dc7
#7e9dc7
rgb(126,157,199)
-
#779cce
#779cce
rgb(119,156,206)
-
#6f9ad6
#6f9ad6
rgb(111,154,214)
-
#6899dd
#6899dd
rgb(104,153,221)
-
#6198e4
#6198e4
rgb(97,152,228)
-
#5a97eb
#5a97eb
rgb(90,151,235)
-
#5396f2
#5396f2
rgb(83,150,242)
-
#4c95f9
#4c95f9
rgb(76,149,249)
Color Blindness Simulator
Below, you can see how #5396f2 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.