#5476c5 Color Information
In a RGB color space, hex #5476c5 is composed of 32.9% red, 46.3% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 40.1% magenta, 0% yellow and 22.7% black. It has a hue angle of 221.9 degrees, a saturation of 49.3% and a lightness of 55.1%. #5476c5 color hex could be obtained by blending #a8ecff with #00008b. Closest websafe color is: #6666cc.
-
- R 33
- G 46
- B 77
-
- C 57
- M 40
- Y 0
- K 23
● #5476c5 color description : Moderate blue.
#5476c5 Color Conversion
The hexadecimal color #5476c5 has RGB values of R:84, G:118, B:197 and CMYK values of C:0.57, M:0.4, Y:0, K:0.23. Its decimal value is 5535429.
Hex triplet | 5476c5 | #5476c5 |
---|---|---|
RGB Decimal | 84, 118, 197 | rgb(84,118,197) |
RGB Percent | 32.9, 46.3, 77.3 | rgb(32.9%,46.3%,77.3%) |
CMYK | 57, 40, 0, 23 | |
HSL | 221.9°, 49.3, 55.1 | hsl(221.9,49.3%,55.1%) |
HSV (or HSB) | 221.9°, 57.4, 77.3 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 50.537, 11.638, -44.945 |
---|---|
XYZ | 20.21, 18.872, 55.398 |
xyY | 0.214, 0.2, 18.872 |
CIE-LCH | 50.537, 46.428, 284.517 |
CIE-LUV | 50.537, -16.849, -70.009 |
Hunter-Lab | 43.442, 7.021, -45.199 |
Binary | 01010100, 01110110, 11000101 |
Color Schemes with #5476c5
Alternatives to #5476c5
Below, you can see some colors close to #5476c5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5476c5 Preview
This text has a font color of #5476c5.
<span style="color:#5476c5;">Text here</span>
This paragraph has a background color of #5476c5.
<p style="background-color:#5476c5;">Content here</p>
This element has a border color of #5476c5.
<div style="border:1px solid #5476c5;">Content here</div>
.text {color:#5476c5;}
.background {background-color:#5476c5;}
.border {border:1px solid #5476c5;}
Shades and Tints of #5476c5
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, #020305 is the darkest color, while #f5f7fc is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#070a13
#070a13
rgb(7,10,19)
-
#0c1222
#0c1222
rgb(12,18,34)
-
#111a31
#111a31
rgb(17,26,49)
-
#15223f
#15223f
rgb(21,34,63)
-
#1a2a4e
#1a2a4e
rgb(26,42,78)
-
#1f325d
#1f325d
rgb(31,50,93)
-
#243a6b
#243a6b
rgb(36,58,107)
-
#29427a
#29427a
rgb(41,66,122)
-
#2e4989
#2e4989
rgb(46,73,137)
-
#335197
#335197
rgb(51,81,151)
-
#3859a6
#3859a6
rgb(56,89,166)
-
#3d61b5
#3d61b5
rgb(61,97,181)
-
#456ac0
#456ac0
rgb(69,106,192)
-
#5476c5
#5476c5
rgb(84,118,197)
-
#6382ca
#6382ca
rgb(99,130,202)
-
#718dcf
#718dcf
rgb(113,141,207)
-
#8099d4
#8099d4
rgb(128,153,212)
-
#8fa5d9
#8fa5d9
rgb(143,165,217)
-
#9db1de
#9db1de
rgb(157,177,222)
-
#acbce3
#acbce3
rgb(172,188,227)
-
#bbc8e8
#bbc8e8
rgb(187,200,232)
-
#c9d4ed
#c9d4ed
rgb(201,212,237)
-
#d8e0f2
#d8e0f2
rgb(216,224,242)
-
#e6ebf7
#e6ebf7
rgb(230,235,247)
-
#f5f7fc
#f5f7fc
rgb(245,247,252)
Tones of #5476c5
A tone is produced by adding gray to any pure hue. In this case, #898b90 is the less saturated color, while #1f61fa is the most saturated one.
-
#898b90
#898b90
rgb(137,139,144)
-
#808899
#808899
rgb(128,136,153)
-
#7784a2
#7784a2
rgb(119,132,162)
-
#6e81ab
#6e81ab
rgb(110,129,171)
-
#667db3
#667db3
rgb(102,125,179)
-
#5d7abc
#5d7abc
rgb(93,122,188)
-
#5476c5
#5476c5
rgb(84,118,197)
-
#4b72ce
#4b72ce
rgb(75,114,206)
-
#426fd7
#426fd7
rgb(66,111,215)
-
#3a6bdf
#3a6bdf
rgb(58,107,223)
-
#3168e8
#3168e8
rgb(49,104,232)
-
#2864f1
#2864f1
rgb(40,100,241)
-
#1f61fa
#1f61fa
rgb(31,97,250)
Color Blindness Simulator
Below, you can see how #5476c5 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.