#5474b5 Color Information
In a RGB color space, hex #5474b5 is composed of 32.9% red, 45.5% green and 71% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 35.9% magenta, 0% yellow and 29% black. It has a hue angle of 220.2 degrees, a saturation of 39.6% and a lightness of 52%. #5474b5 color hex could be obtained by blending #a8e8ff with #00006b. Closest websafe color is: #6666cc.
-
- R 33
- G 45
- B 71
-
- C 54
- M 36
- Y 0
- K 29
● #5474b5 color description : Moderate blue.
#5474b5 Color Conversion
The hexadecimal color #5474b5 has RGB values of R:84, G:116, B:181 and CMYK values of C:0.54, M:0.36, Y:0, K:0.29. Its decimal value is 5534901.
Hex triplet | 5474b5 | #5474b5 |
---|---|---|
RGB Decimal | 84, 116, 181 | rgb(84,116,181) |
RGB Percent | 32.9, 45.5, 71 | rgb(32.9%,45.5%,71%) |
CMYK | 54, 36, 0, 29 | |
HSL | 220.2°, 39.6, 52 | hsl(220.2,39.6%,52%) |
HSV (or HSB) | 220.2°, 53.6, 71 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 49.144, 7.612, -37.94 |
---|---|
XYZ | 18.24, 17.711, 46.171 |
xyY | 0.222, 0.216, 17.711 |
CIE-LCH | 49.144, 38.696, 281.345 |
CIE-LUV | 49.144, -16.046, -58.129 |
Hunter-Lab | 42.084, 3.718, -35.588 |
Binary | 01010100, 01110100, 10110101 |
Color Schemes with #5474b5
Alternatives to #5474b5
Below, you can see some colors close to #5474b5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5474b5 Preview
This text has a font color of #5474b5.
<span style="color:#5474b5;">Text here</span>
This paragraph has a background color of #5474b5.
<p style="background-color:#5474b5;">Content here</p>
This element has a border color of #5474b5.
<div style="border:1px solid #5474b5;">Content here</div>
.text {color:#5474b5;}
.background {background-color:#5474b5;}
.border {border:1px solid #5474b5;}
Shades and Tints of #5474b5
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, #030407 is the darkest color, while #f8fafc is the lightest one.
-
#030407
#030407
rgb(3,4,7)
-
#090d15
#090d15
rgb(9,13,21)
-
#0f1522
#0f1522
rgb(15,21,34)
-
#151e30
#151e30
rgb(21,30,48)
-
#1b263e
#1b263e
rgb(27,38,62)
-
#212f4b
#212f4b
rgb(33,47,75)
-
#273759
#273759
rgb(39,55,89)
-
#2c4067
#2c4067
rgb(44,64,103)
-
#324875
#324875
rgb(50,72,117)
-
#385182
#385182
rgb(56,81,130)
-
#3e5990
#3e5990
rgb(62,89,144)
-
#44629e
#44629e
rgb(68,98,158)
-
#4a6aab
#4a6aab
rgb(74,106,171)
-
#5474b5
#5474b5
rgb(84,116,181)
-
#627fbb
#627fbb
rgb(98,127,187)
-
#6f8ac1
#6f8ac1
rgb(111,138,193)
-
#7d95c7
#7d95c7
rgb(125,149,199)
-
#8ba1cd
#8ba1cd
rgb(139,161,205)
-
#98acd3
#98acd3
rgb(152,172,211)
-
#a6b7d9
#a6b7d9
rgb(166,183,217)
-
#b4c2de
#b4c2de
rgb(180,194,222)
-
#c2cde4
#c2cde4
rgb(194,205,228)
-
#cfd8ea
#cfd8ea
rgb(207,216,234)
-
#dde3f0
#dde3f0
rgb(221,227,240)
-
#ebeef6
#ebeef6
rgb(235,238,246)
-
#f8fafc
#f8fafc
rgb(248,250,252)
Tones of #5474b5
A tone is produced by adding gray to any pure hue. In this case, #838486 is the less saturated color, while #125ef7 is the most saturated one.
-
#838486
#838486
rgb(131,132,134)
-
#7a818f
#7a818f
rgb(122,129,143)
-
#707e99
#707e99
rgb(112,126,153)
-
#677aa2
#677aa2
rgb(103,122,162)
-
#5d77ac
#5d77ac
rgb(93,119,172)
-
#5474b5
#5474b5
rgb(84,116,181)
-
#4b71be
#4b71be
rgb(75,113,190)
-
#416ec8
#416ec8
rgb(65,110,200)
-
#386ad1
#386ad1
rgb(56,106,209)
-
#2e67db
#2e67db
rgb(46,103,219)
-
#2564e4
#2564e4
rgb(37,100,228)
-
#1b61ee
#1b61ee
rgb(27,97,238)
-
#125ef7
#125ef7
rgb(18,94,247)
Color Blindness Simulator
Below, you can see how #5474b5 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.