#556cc5 Color Information
In a RGB color space, hex #556cc5 is composed of 33.3% red, 42.4% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 45.2% magenta, 0% yellow and 22.7% black. It has a hue angle of 227.7 degrees, a saturation of 49.1% and a lightness of 55.3%. #556cc5 color hex could be obtained by blending #aad8ff with #00008b. Closest websafe color is: #6666cc.
-
- R 33
- G 42
- B 77
-
- C 57
- M 45
- Y 0
- K 23
● #556cc5 color description : Moderate blue.
#556cc5 Color Conversion
The hexadecimal color #556cc5 has RGB values of R:85, G:108, B:197 and CMYK values of C:0.57, M:0.45, Y:0, K:0.23. Its decimal value is 5598405.
Hex triplet | 556cc5 | #556cc5 |
---|---|---|
RGB Decimal | 85, 108, 197 | rgb(85,108,197) |
RGB Percent | 33.3, 42.4, 77.3 | rgb(33.3%,42.4%,77.3%) |
CMYK | 57, 45, 0, 23 | |
HSL | 227.7°, 49.1, 55.3 | hsl(227.7,49.1%,55.3%) |
HSV (or HSB) | 227.7°, 56.9, 77.3 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 47.863, 18.028, -49.202 |
---|---|
XYZ | 19.185, 16.687, 55.03 |
xyY | 0.211, 0.184, 16.687 |
CIE-LCH | 47.863, 52.401, 290.123 |
CIE-LUV | 47.863, -13.226, -76.382 |
Hunter-Lab | 40.849, 12.346, -51.278 |
Binary | 01010101, 01101100, 11000101 |
Color Schemes with #556cc5
Alternatives to #556cc5
Below, you can see some colors close to #556cc5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556cc5 Preview
This text has a font color of #556cc5.
<span style="color:#556cc5;">Text here</span>
This paragraph has a background color of #556cc5.
<p style="background-color:#556cc5;">Content here</p>
This element has a border color of #556cc5.
<div style="border:1px solid #556cc5;">Content here</div>
.text {color:#556cc5;}
.background {background-color:#556cc5;}
.border {border:1px solid #556cc5;}
Shades and Tints of #556cc5
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, #020306 is the darkest color, while #f6f7fc is the lightest one.
-
#020306
#020306
rgb(2,3,6)
-
#070a14
#070a14
rgb(7,10,20)
-
#0c1123
#0c1123
rgb(12,17,35)
-
#111831
#111831
rgb(17,24,49)
-
#161e40
#161e40
rgb(22,30,64)
-
#1b254f
#1b254f
rgb(27,37,79)
-
#202c5d
#202c5d
rgb(32,44,93)
-
#25336c
#25336c
rgb(37,51,108)
-
#2a3a7b
#2a3a7b
rgb(42,58,123)
-
#2f4189
#2f4189
rgb(47,65,137)
-
#344898
#344898
rgb(52,72,152)
-
#394fa6
#394fa6
rgb(57,79,166)
-
#3e56b5
#3e56b5
rgb(62,86,181)
-
#465fc0
#465fc0
rgb(70,95,192)
-
#556cc5
#556cc5
rgb(85,108,197)
-
#6479ca
#6479ca
rgb(100,121,202)
-
#7285cf
#7285cf
rgb(114,133,207)
-
#8192d4
#8192d4
rgb(129,146,212)
-
#909fd9
#909fd9
rgb(144,159,217)
-
#9eabde
#9eabde
rgb(158,171,222)
-
#adb8e3
#adb8e3
rgb(173,184,227)
-
#bbc5e8
#bbc5e8
rgb(187,197,232)
-
#cad1ed
#cad1ed
rgb(202,209,237)
-
#d9def2
#d9def2
rgb(217,222,242)
-
#e7eaf7
#e7eaf7
rgb(231,234,247)
-
#f6f7fc
#f6f7fc
rgb(246,247,252)
Tones of #556cc5
A tone is produced by adding gray to any pure hue. In this case, #8a8b90 is the less saturated color, while #204dfa is the most saturated one.
-
#8a8b90
#8a8b90
rgb(138,139,144)
-
#818699
#818699
rgb(129,134,153)
-
#7881a2
#7881a2
rgb(120,129,162)
-
#6f7cab
#6f7cab
rgb(111,124,171)
-
#6776b3
#6776b3
rgb(103,118,179)
-
#5e71bc
#5e71bc
rgb(94,113,188)
-
#556cc5
#556cc5
rgb(85,108,197)
-
#4c67ce
#4c67ce
rgb(76,103,206)
-
#4362d7
#4362d7
rgb(67,98,215)
-
#3b5cdf
#3b5cdf
rgb(59,92,223)
-
#3257e8
#3257e8
rgb(50,87,232)
-
#2952f1
#2952f1
rgb(41,82,241)
-
#204dfa
#204dfa
rgb(32,77,250)
Color Blindness Simulator
Below, you can see how #556cc5 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.