#5474e8 Color Information
In a RGB color space, hex #5474e8 is composed of 32.9% red, 45.5% green and 91% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 50% magenta, 0% yellow and 9% black. It has a hue angle of 227 degrees, a saturation of 76.3% and a lightness of 62%. #5474e8 color hex could be obtained by blending #a8e8ff with #0000d1. Closest websafe color is: #6666ff.
-
- R 33
- G 45
- B 91
-
- C 64
- M 50
- Y 0
- K 9
● #5474e8 color description : Soft blue.
#5474e8 Color Conversion
The hexadecimal color #5474e8 has RGB values of R:84, G:116, B:232 and CMYK values of C:0.64, M:0.5, Y:0, K:0.09. Its decimal value is 5534952.
Hex triplet | 5474e8 | #5474e8 |
---|---|---|
RGB Decimal | 84, 116, 232 | rgb(84,116,232) |
RGB Percent | 32.9, 45.5, 91 | rgb(32.9%,45.5%,91%) |
CMYK | 64, 50, 0, 9 | |
HSL | 227°, 76.3, 62 | hsl(227,76.3%,62%) |
HSV (or HSB) | 227°, 63.8, 91 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 52.063, 24.678, -62.327 |
---|---|
XYZ | 24.464, 20.2, 78.949 |
xyY | 0.198, 0.163, 20.2 |
CIE-LCH | 52.063, 67.035, 291.601 |
CIE-LUV | 52.063, -16.538, -98.932 |
Hunter-Lab | 44.945, 18.506, -72.686 |
Binary | 01010100, 01110100, 11101000 |
Color Schemes with #5474e8
Alternatives to #5474e8
Below, you can see some colors close to #5474e8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5474e8 Preview
This text has a font color of #5474e8.
<span style="color:#5474e8;">Text here</span>
This paragraph has a background color of #5474e8.
<p style="background-color:#5474e8;">Content here</p>
This element has a border color of #5474e8.
<div style="border:1px solid #5474e8;">Content here</div>
.text {color:#5474e8;}
.background {background-color:#5474e8;}
.border {border:1px solid #5474e8;}
Shades and Tints of #5474e8
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, #000102 is the darkest color, while #f0f2fd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030613
#030613
rgb(3,6,19)
-
#050c24
#050c24
rgb(5,12,36)
-
#071136
#071136
rgb(7,17,54)
-
#0a1747
#0a1747
rgb(10,23,71)
-
#0c1c58
#0c1c58
rgb(12,28,88)
-
#0e226a
#0e226a
rgb(14,34,106)
-
#11287b
#11287b
rgb(17,40,123)
-
#132d8c
#132d8c
rgb(19,45,140)
-
#15339e
#15339e
rgb(21,51,158)
-
#1838af
#1838af
rgb(24,56,175)
-
#1a3ec0
#1a3ec0
rgb(26,62,192)
-
#1c43d1
#1c43d1
rgb(28,67,209)
-
#204ae1
#204ae1
rgb(32,74,225)
-
#3158e3
#3158e3
rgb(49,88,227)
-
#4366e6
#4366e6
rgb(67,102,230)
-
#5474e8
#5474e8
rgb(84,116,232)
-
#6582ea
#6582ea
rgb(101,130,234)
-
#7790ed
#7790ed
rgb(119,144,237)
-
#889eef
#889eef
rgb(136,158,239)
-
#99acf1
#99acf1
rgb(153,172,241)
-
#aabaf4
#aabaf4
rgb(170,186,244)
-
#bcc8f6
#bcc8f6
rgb(188,200,246)
-
#cdd6f8
#cdd6f8
rgb(205,214,248)
-
#dee4fb
#dee4fb
rgb(222,228,251)
-
#f0f2fd
#f0f2fd
rgb(240,242,253)
Tones of #5474e8
A tone is produced by adding gray to any pure hue. In this case, #979aa5 is the less saturated color, while #3e67fe is the most saturated one.
-
#979aa5
#979aa5
rgb(151,154,165)
-
#9096ac
#9096ac
rgb(144,150,172)
-
#8892b4
#8892b4
rgb(136,146,180)
-
#818dbb
#818dbb
rgb(129,141,187)
-
#7989c3
#7989c3
rgb(121,137,195)
-
#7285ca
#7285ca
rgb(114,133,202)
-
#6a81d2
#6a81d2
rgb(106,129,210)
-
#637cd9
#637cd9
rgb(99,124,217)
-
#5b78e1
#5b78e1
rgb(91,120,225)
-
#5474e8
#5474e8
rgb(84,116,232)
-
#4d70ef
#4d70ef
rgb(77,112,239)
-
#456cf7
#456cf7
rgb(69,108,247)
-
#3e67fe
#3e67fe
rgb(62,103,254)
Color Blindness Simulator
Below, you can see how #5474e8 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.