#556ce5 Color Information
In a RGB color space, hex #556ce5 is composed of 33.3% red, 42.4% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 52.8% magenta, 0% yellow and 10.2% black. It has a hue angle of 230.4 degrees, a saturation of 73.5% and a lightness of 61.6%. #556ce5 color hex could be obtained by blending #aad8ff with #0000cb. Closest websafe color is: #6666cc.
-
- R 33
- G 42
- B 90
-
- C 63
- M 53
- Y 0
- K 10
● #556ce5 color description : Soft blue.
#556ce5 Color Conversion
The hexadecimal color #556ce5 has RGB values of R:85, G:108, B:229 and CMYK values of C:0.63, M:0.53, Y:0, K:0.1. Its decimal value is 5598437.
Hex triplet | 556ce5 | #556ce5 |
---|---|---|
RGB Decimal | 85, 108, 229 | rgb(85,108,229) |
RGB Percent | 33.3, 42.4, 89.8 | rgb(33.3%,42.4%,89.8%) |
CMYK | 63, 53, 0, 10 | |
HSL | 230.4°, 73.5, 61.6 | hsl(230.4,73.5%,61.6%) |
HSV (or HSB) | 230.4°, 62.9, 89.8 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 49.873, 28.763, -64.175 |
---|---|
XYZ | 23.249, 18.312, 76.434 |
xyY | 0.197, 0.155, 18.312 |
CIE-LCH | 49.873, 70.326, 294.142 |
CIE-LUV | 49.873, -13.912, -100.975 |
Hunter-Lab | 42.793, 22.089, -75.945 |
Binary | 01010101, 01101100, 11100101 |
Color Schemes with #556ce5
Alternatives to #556ce5
Below, you can see some colors close to #556ce5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556ce5 Preview
This text has a font color of #556ce5.
<span style="color:#556ce5;">Text here</span>
This paragraph has a background color of #556ce5.
<p style="background-color:#556ce5;">Content here</p>
This element has a border color of #556ce5.
<div style="border:1px solid #556ce5;">Content here</div>
.text {color:#556ce5;}
.background {background-color:#556ce5;}
.border {border:1px solid #556ce5;}
Shades and Tints of #556ce5
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, #000000 is the darkest color, while #eef0fc is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#030511
#030511
rgb(3,5,17)
-
#050a22
#050a22
rgb(5,10,34)
-
#080f33
#080f33
rgb(8,15,51)
-
#0a1444
#0a1444
rgb(10,20,68)
-
#0d1955
#0d1955
rgb(13,25,85)
-
#101d66
#101d66
rgb(16,29,102)
-
#122277
#122277
rgb(18,34,119)
-
#152788
#152788
rgb(21,39,136)
-
#172c99
#172c99
rgb(23,44,153)
-
#1a31aa
#1a31aa
rgb(26,49,170)
-
#1d36bb
#1d36bb
rgb(29,54,187)
-
#1f3bcc
#1f3bcc
rgb(31,59,204)
-
#2240dd
#2240dd
rgb(34,64,221)
-
#334fe0
#334fe0
rgb(51,79,224)
-
#445de2
#445de2
rgb(68,93,226)
-
#556ce5
#556ce5
rgb(85,108,229)
-
#667be8
#667be8
rgb(102,123,232)
-
#7789ea
#7789ea
rgb(119,137,234)
-
#8898ed
#8898ed
rgb(136,152,237)
-
#99a7ef
#99a7ef
rgb(153,167,239)
-
#aab6f2
#aab6f2
rgb(170,182,242)
-
#bbc4f5
#bbc4f5
rgb(187,196,245)
-
#ccd3f7
#ccd3f7
rgb(204,211,247)
-
#dde2fa
#dde2fa
rgb(221,226,250)
-
#eef0fc
#eef0fc
rgb(238,240,252)
Tones of #556ce5
A tone is produced by adding gray to any pure hue. In this case, #999aa1 is the less saturated color, while #3e5dfc is the most saturated one.
-
#999aa1
#999aa1
rgb(153,154,161)
-
#9195a9
#9195a9
rgb(145,149,169)
-
#8a90b0
#8a90b0
rgb(138,144,176)
-
#828bb8
#828bb8
rgb(130,139,184)
-
#7b86bf
#7b86bf
rgb(123,134,191)
-
#7381c7
#7381c7
rgb(115,129,199)
-
#6c7bce
#6c7bce
rgb(108,123,206)
-
#6476d6
#6476d6
rgb(100,118,214)
-
#5d71dd
#5d71dd
rgb(93,113,221)
-
#556ce5
#556ce5
rgb(85,108,229)
-
#4d67ed
#4d67ed
rgb(77,103,237)
-
#4662f4
#4662f4
rgb(70,98,244)
-
#3e5dfc
#3e5dfc
rgb(62,93,252)
Color Blindness Simulator
Below, you can see how #556ce5 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.