#556de4 Color Information
In a RGB color space, hex #556de4 is composed of 33.3% red, 42.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 52.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 229.9 degrees, a saturation of 72.6% and a lightness of 61.4%. #556de4 color hex could be obtained by blending #aadaff with #0000c9. Closest websafe color is: #6666cc.
-
- R 33
- G 43
- B 89
-
- C 63
- M 52
- Y 0
- K 11
● #556de4 color description : Soft blue.
#556de4 Color Conversion
The hexadecimal color #556de4 has RGB values of R:85, G:109, B:228 and CMYK values of C:0.63, M:0.52, Y:0, K:0.11. Its decimal value is 5598692.
Hex triplet | 556de4 | #556de4 |
---|---|---|
RGB Decimal | 85, 109, 228 | rgb(85,109,228) |
RGB Percent | 33.3, 42.7, 89.4 | rgb(33.3%,42.7%,89.4%) |
CMYK | 63, 52, 0, 11 | |
HSL | 229.9°, 72.6, 61.4 | hsl(229.9,72.6%,61.4%) |
HSV (or HSB) | 229.9°, 62.7, 89.4 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 50.06, 27.808, -63.309 |
---|---|
XYZ | 23.216, 18.469, 75.736 |
xyY | 0.198, 0.157, 18.469 |
CIE-LCH | 50.06, 69.147, 293.713 |
CIE-LUV | 50.06, -14.175, -99.701 |
Hunter-Lab | 42.975, 21.221, -74.405 |
Binary | 01010101, 01101101, 11100100 |
Color Schemes with #556de4
Alternatives to #556de4
Below, you can see some colors close to #556de4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556de4 Preview
This text has a font color of #556de4.
<span style="color:#556de4;">Text here</span>
This paragraph has a background color of #556de4.
<p style="background-color:#556de4;">Content here</p>
This element has a border color of #556de4.
<div style="border:1px solid #556de4;">Content here</div>
.text {color:#556de4;}
.background {background-color:#556de4;}
.border {border:1px solid #556de4;}
Shades and Tints of #556de4
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, #030510 is the darkest color, while #fefeff is the lightest one.
-
#030510
#030510
rgb(3,5,16)
-
#050a21
#050a21
rgb(5,10,33)
-
#080f32
#080f32
rgb(8,15,50)
-
#0b1443
#0b1443
rgb(11,20,67)
-
#0d1954
#0d1954
rgb(13,25,84)
-
#101e65
#101e65
rgb(16,30,101)
-
#132376
#132376
rgb(19,35,118)
-
#152887
#152887
rgb(21,40,135)
-
#182d98
#182d98
rgb(24,45,152)
-
#1b33a9
#1b33a9
rgb(27,51,169)
-
#1d38b9
#1d38b9
rgb(29,56,185)
-
#203dca
#203dca
rgb(32,61,202)
-
#2342db
#2342db
rgb(35,66,219)
-
#3350df
#3350df
rgb(51,80,223)
-
#445ee1
#445ee1
rgb(68,94,225)
-
#556de4
#556de4
rgb(85,109,228)
-
#667ce7
#667ce7
rgb(102,124,231)
-
#778ae9
#778ae9
rgb(119,138,233)
-
#8899ec
#8899ec
rgb(136,153,236)
-
#99a7ef
#99a7ef
rgb(153,167,239)
-
#aab6f1
#aab6f1
rgb(170,182,241)
-
#bbc4f4
#bbc4f4
rgb(187,196,244)
-
#cbd3f7
#cbd3f7
rgb(203,211,247)
-
#dce1fa
#dce1fa
rgb(220,225,250)
-
#edf0fc
#edf0fc
rgb(237,240,252)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #556de4
A tone is produced by adding gray to any pure hue. In this case, #999aa0 is the less saturated color, while #3e5efb is the most saturated one.
-
#999aa0
#999aa0
rgb(153,154,160)
-
#9295a7
#9295a7
rgb(146,149,167)
-
#8a90af
#8a90af
rgb(138,144,175)
-
#828bb7
#828bb7
rgb(130,139,183)
-
#7b86be
#7b86be
rgb(123,134,190)
-
#7381c6
#7381c6
rgb(115,129,198)
-
#6c7ccd
#6c7ccd
rgb(108,124,205)
-
#6477d5
#6477d5
rgb(100,119,213)
-
#5d72dc
#5d72dc
rgb(93,114,220)
-
#556de4
#556de4
rgb(85,109,228)
-
#4d68ec
#4d68ec
rgb(77,104,236)
-
#4663f3
#4663f3
rgb(70,99,243)
-
#3e5efb
#3e5efb
rgb(62,94,251)
Color Blindness Simulator
Below, you can see how #556de4 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.