#5493f2 Color Information
In a RGB color space, hex #5493f2 is composed of 32.9% red, 57.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 39.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 216.1 degrees, a saturation of 85.9% and a lightness of 63.9%. #5493f2 color hex could be obtained by blending #a8ffff with #0027e5. Closest websafe color is: #6699ff.
-
- R 33
- G 58
- B 95
-
- C 65
- M 39
- Y 0
- K 5
● #5493f2 color description : Soft blue.
#5493f2 Color Conversion
The hexadecimal color #5493f2 has RGB values of R:84, G:147, B:242 and CMYK values of C:0.65, M:0.39, Y:0, K:0.05. Its decimal value is 5542898.
Hex triplet | 5493f2 | #5493f2 |
---|---|---|
RGB Decimal | 84, 147, 242 | rgb(84,147,242) |
RGB Percent | 32.9, 57.6, 94.9 | rgb(32.9%,57.6%,94.9%) |
CMYK | 65, 39, 0, 5 | |
HSL | 216.1°, 85.9, 63.9 | hsl(216.1,85.9%,63.9%) |
HSV (or HSB) | 216.1°, 65.3, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 60.924, 9.294, -53.699 |
---|---|
XYZ | 30.113, 29.161, 88.041 |
xyY | 0.204, 0.198, 29.161 |
CIE-LCH | 60.924, 54.497, 279.819 |
CIE-LUV | 60.924, -26.301, -86.826 |
Hunter-Lab | 54.001, 5.038, -58.864 |
Binary | 01010100, 10010011, 11110010 |
Color Schemes with #5493f2
Alternatives to #5493f2
Below, you can see some colors close to #5493f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5493f2 Preview
This text has a font color of #5493f2.
<span style="color:#5493f2;">Text here</span>
This paragraph has a background color of #5493f2.
<p style="background-color:#5493f2;">Content here</p>
This element has a border color of #5493f2.
<div style="border:1px solid #5493f2;">Content here</div>
.text {color:#5493f2;}
.background {background-color:#5493f2;}
.border {border:1px solid #5493f2;}
Shades and Tints of #5493f2
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, #01050b is the darkest color, while #f8fbfe is the lightest one.
-
#01050b
#01050b
rgb(1,5,11)
-
#020d1e
#020d1e
rgb(2,13,30)
-
#041530
#041530
rgb(4,21,48)
-
#051d42
#051d42
rgb(5,29,66)
-
#062554
#062554
rgb(6,37,84)
-
#082e66
#082e66
rgb(8,46,102)
-
#093679
#093679
rgb(9,54,121)
-
#0b3e8b
#0b3e8b
rgb(11,62,139)
-
#0c469d
#0c469d
rgb(12,70,157)
-
#0d4eaf
#0d4eaf
rgb(13,78,175)
-
#0f56c2
#0f56c2
rgb(15,86,194)
-
#105ed4
#105ed4
rgb(16,94,212)
-
#1166e6
#1166e6
rgb(17,102,230)
-
#1d70ee
#1d70ee
rgb(29,112,238)
-
#307cef
#307cef
rgb(48,124,239)
-
#4287f1
#4287f1
rgb(66,135,241)
-
#5493f2
#5493f2
rgb(84,147,242)
-
#669ff3
#669ff3
rgb(102,159,243)
-
#78aaf5
#78aaf5
rgb(120,170,245)
-
#8bb6f6
#8bb6f6
rgb(139,182,246)
-
#9dc1f8
#9dc1f8
rgb(157,193,248)
-
#afcdf9
#afcdf9
rgb(175,205,249)
-
#c1d8fa
#c1d8fa
rgb(193,216,250)
-
#d4e4fc
#d4e4fc
rgb(212,228,252)
-
#e6effd
#e6effd
rgb(230,239,253)
-
#f8fbfe
#f8fbfe
rgb(248,251,254)
Tones of #5493f2
A tone is produced by adding gray to any pure hue. In this case, #a2a3a4 is the less saturated color, while #4d92f9 is the most saturated one.
-
#a2a3a4
#a2a3a4
rgb(162,163,164)
-
#9ba1ab
#9ba1ab
rgb(155,161,171)
-
#94a0b2
#94a0b2
rgb(148,160,178)
-
#8d9eb9
#8d9eb9
rgb(141,158,185)
-
#869dc0
#869dc0
rgb(134,157,192)
-
#7e9cc8
#7e9cc8
rgb(126,156,200)
-
#779acf
#779acf
rgb(119,154,207)
-
#7099d6
#7099d6
rgb(112,153,214)
-
#6997dd
#6997dd
rgb(105,151,221)
-
#6296e4
#6296e4
rgb(98,150,228)
-
#5b94eb
#5b94eb
rgb(91,148,235)
-
#5493f2
#5493f2
rgb(84,147,242)
-
#4d92f9
#4d92f9
rgb(77,146,249)
Color Blindness Simulator
Below, you can see how #5493f2 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.