#556edc Color Information
In a RGB color space, hex #556edc is composed of 33.3% red, 43.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 50% magenta, 0% yellow and 13.7% black. It has a hue angle of 228.9 degrees, a saturation of 65.9% and a lightness of 59.8%. #556edc color hex could be obtained by blending #aadcff with #0000b9. Closest websafe color is: #6666cc.
-
- R 33
- G 43
- B 86
-
- C 61
- M 50
- Y 0
- K 14
● #556edc color description : Soft blue.
#556edc Color Conversion
The hexadecimal color #556edc has RGB values of R:85, G:110, B:220 and CMYK values of C:0.61, M:0.5, Y:0, K:0.14. Its decimal value is 5598940.
Hex triplet | 556edc | #556edc |
---|---|---|
RGB Decimal | 85, 110, 220 | rgb(85,110,220) |
RGB Percent | 33.3, 43.1, 86.3 | rgb(33.3%,43.1%,86.3%) |
CMYK | 61, 50, 0, 14 | |
HSL | 228.9°, 65.9, 59.8 | hsl(228.9,65.9%,59.8%) |
HSV (or HSB) | 228.9°, 61.4, 86.3 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 49.797, 24.489, -59.217 |
---|---|
XYZ | 22.238, 18.249, 70.057 |
xyY | 0.201, 0.165, 18.249 |
CIE-LCH | 49.797, 64.081, 292.467 |
CIE-LUV | 49.797, -14.305, -93.116 |
Hunter-Lab | 42.719, 18.161, -67.328 |
Binary | 01010101, 01101110, 11011100 |
Color Schemes with #556edc
Alternatives to #556edc
Below, you can see some colors close to #556edc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556edc Preview
This text has a font color of #556edc.
<span style="color:#556edc;">Text here</span>
This paragraph has a background color of #556edc.
<p style="background-color:#556edc;">Content here</p>
This element has a border color of #556edc.
<div style="border:1px solid #556edc;">Content here</div>
.text {color:#556edc;}
.background {background-color:#556edc;}
.border {border:1px solid #556edc;}
Shades and Tints of #556edc
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, #020309 is the darkest color, while #f8f9fd is the lightest one.
-
#020309
#020309
rgb(2,3,9)
-
#050919
#050919
rgb(5,9,25)
-
#090f29
#090f29
rgb(9,15,41)
-
#0c143a
#0c143a
rgb(12,20,58)
-
#0f1a4a
#0f1a4a
rgb(15,26,74)
-
#13205a
#13205a
rgb(19,32,90)
-
#16266b
#16266b
rgb(22,38,107)
-
#192b7b
#192b7b
rgb(25,43,123)
-
#1d318b
#1d318b
rgb(29,49,139)
-
#20379b
#20379b
rgb(32,55,155)
-
#233dac
#233dac
rgb(35,61,172)
-
#2742bc
#2742bc
rgb(39,66,188)
-
#2a48cc
#2a48cc
rgb(42,72,204)
-
#3452d5
#3452d5
rgb(52,82,213)
-
#4560d9
#4560d9
rgb(69,96,217)
-
#556edc
#556edc
rgb(85,110,220)
-
#657cdf
#657cdf
rgb(101,124,223)
-
#768ae3
#768ae3
rgb(118,138,227)
-
#8698e6
#8698e6
rgb(134,152,230)
-
#96a5e9
#96a5e9
rgb(150,165,233)
-
#a6b3ed
#a6b3ed
rgb(166,179,237)
-
#b7c1f0
#b7c1f0
rgb(183,193,240)
-
#c7cff3
#c7cff3
rgb(199,207,243)
-
#d7ddf7
#d7ddf7
rgb(215,221,247)
-
#e7ebfa
#e7ebfa
rgb(231,235,250)
-
#f8f9fd
#f8f9fd
rgb(248,249,253)
Tones of #556edc
A tone is produced by adding gray to any pure hue. In this case, #94969d is the less saturated color, while #355afc is the most saturated one.
-
#94969d
#94969d
rgb(148,150,157)
-
#8c91a5
#8c91a5
rgb(140,145,165)
-
#848cad
#848cad
rgb(132,140,173)
-
#7c87b5
#7c87b5
rgb(124,135,181)
-
#7582bc
#7582bc
rgb(117,130,188)
-
#6d7dc4
#6d7dc4
rgb(109,125,196)
-
#6578cc
#6578cc
rgb(101,120,204)
-
#5d73d4
#5d73d4
rgb(93,115,212)
-
#556edc
#556edc
rgb(85,110,220)
-
#4d69e4
#4d69e4
rgb(77,105,228)
-
#4564ec
#4564ec
rgb(69,100,236)
-
#3d5ff4
#3d5ff4
rgb(61,95,244)
-
#355afc
#355afc
rgb(53,90,252)
Color Blindness Simulator
Below, you can see how #556edc 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.