#5474e3 Color Information
In a RGB color space, hex #5474e3 is composed of 32.9% red, 45.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 48.9% magenta, 0% yellow and 11% black. It has a hue angle of 226.6 degrees, a saturation of 71.9% and a lightness of 61%. #5474e3 color hex could be obtained by blending #a8e8ff with #0000c7. Closest websafe color is: #6666cc.
-
- R 33
- G 45
- B 89
-
- C 63
- M 49
- Y 0
- K 11
● #5474e3 color description : Soft blue.
#5474e3 Color Conversion
The hexadecimal color #5474e3 has RGB values of R:84, G:116, B:227 and CMYK values of C:0.63, M:0.49, Y:0, K:0.11. Its decimal value is 5534947.
Hex triplet | 5474e3 | #5474e3 |
---|---|---|
RGB Decimal | 84, 116, 227 | rgb(84,116,227) |
RGB Percent | 32.9, 45.5, 89 | rgb(32.9%,45.5%,89%) |
CMYK | 63, 49, 0, 11 | |
HSL | 226.6°, 71.9, 61 | hsl(226.6,71.9%,61%) |
HSV (or HSB) | 226.6°, 63, 89 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 51.747, 22.976, -60.03 |
---|---|
XYZ | 23.764, 19.92, 75.262 |
xyY | 0.2, 0.167, 19.92 |
CIE-LCH | 51.747, 64.276, 290.944 |
CIE-LUV | 51.747, -16.477, -95.114 |
Hunter-Lab | 44.632, 16.933, -68.736 |
Binary | 01010100, 01110100, 11100011 |
Color Schemes with #5474e3
Alternatives to #5474e3
Below, you can see some colors close to #5474e3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5474e3 Preview
This text has a font color of #5474e3.
<span style="color:#5474e3;">Text here</span>
This paragraph has a background color of #5474e3.
<p style="background-color:#5474e3;">Content here</p>
This element has a border color of #5474e3.
<div style="border:1px solid #5474e3;">Content here</div>
.text {color:#5474e3;}
.background {background-color:#5474e3;}
.border {border:1px solid #5474e3;}
Shades and Tints of #5474e3
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, #02050e is the darkest color, while #fdfdff is the lightest one.
-
#02050e
#02050e
rgb(2,5,14)
-
#050b1f
#050b1f
rgb(5,11,31)
-
#081130
#081130
rgb(8,17,48)
-
#0b1741
#0b1741
rgb(11,23,65)
-
#0d1d52
#0d1d52
rgb(13,29,82)
-
#102363
#102363
rgb(16,35,99)
-
#132974
#132974
rgb(19,41,116)
-
#162e84
#162e84
rgb(22,46,132)
-
#183495
#183495
rgb(24,52,149)
-
#1b3aa6
#1b3aa6
rgb(27,58,166)
-
#1e40b7
#1e40b7
rgb(30,64,183)
-
#2146c8
#2146c8
rgb(33,70,200)
-
#234cd9
#234cd9
rgb(35,76,217)
-
#3259dd
#3259dd
rgb(50,89,221)
-
#4366e0
#4366e0
rgb(67,102,224)
-
#5474e3
#5474e3
rgb(84,116,227)
-
#6582e6
#6582e6
rgb(101,130,230)
-
#768fe9
#768fe9
rgb(118,143,233)
-
#879deb
#879deb
rgb(135,157,235)
-
#97abee
#97abee
rgb(151,171,238)
-
#a8b9f1
#a8b9f1
rgb(168,185,241)
-
#b9c6f4
#b9c6f4
rgb(185,198,244)
-
#cad4f6
#cad4f6
rgb(202,212,246)
-
#dbe2f9
#dbe2f9
rgb(219,226,249)
-
#eceffc
#eceffc
rgb(236,239,252)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #5474e3
A tone is produced by adding gray to any pure hue. In this case, #999a9e is the less saturated color, while #3d67fa is the most saturated one.
-
#999a9e
#999a9e
rgb(153,154,158)
-
#9196a6
#9196a6
rgb(145,150,166)
-
#8a92ad
#8a92ad
rgb(138,146,173)
-
#828db5
#828db5
rgb(130,141,181)
-
#7a89bd
#7a89bd
rgb(122,137,189)
-
#7385c4
#7385c4
rgb(115,133,196)
-
#6b81cc
#6b81cc
rgb(107,129,204)
-
#637cd4
#637cd4
rgb(99,124,212)
-
#5c78db
#5c78db
rgb(92,120,219)
-
#5474e3
#5474e3
rgb(84,116,227)
-
#4c70eb
#4c70eb
rgb(76,112,235)
-
#456cf2
#456cf2
rgb(69,108,242)
-
#3d67fa
#3d67fa
rgb(61,103,250)
Color Blindness Simulator
Below, you can see how #5474e3 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.