#556cce Color Information
In a RGB color space, hex #556cce is composed of 33.3% red, 42.4% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 47.6% magenta, 0% yellow and 19.2% black. It has a hue angle of 228.6 degrees, a saturation of 55.3% and a lightness of 57.1%. #556cce color hex could be obtained by blending #aad8ff with #00009d. Closest websafe color is: #6666cc.
-
- R 33
- G 42
- B 81
-
- C 59
- M 48
- Y 0
- K 19
● #556cce color description : Moderate blue.
#556cce Color Conversion
The hexadecimal color #556cce has RGB values of R:85, G:108, B:206 and CMYK values of C:0.59, M:0.48, Y:0, K:0.19. Its decimal value is 5598414.
Hex triplet | 556cce | #556cce |
---|---|---|
RGB Decimal | 85, 108, 206 | rgb(85,108,206) |
RGB Percent | 33.3, 42.4, 80.8 | rgb(33.3%,42.4%,80.8%) |
CMYK | 59, 48, 0, 19 | |
HSL | 228.6°, 55.3, 57.1 | hsl(228.6,55.3%,57.1%) |
HSV (or HSB) | 228.6°, 58.7, 80.8 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 48.4, 21.027, -53.501 |
---|---|
XYZ | 20.247, 17.112, 60.625 |
xyY | 0.207, 0.175, 17.112 |
CIE-LCH | 48.4, 57.485, 291.456 |
CIE-LUV | 48.4, -13.412, -83.474 |
Hunter-Lab | 41.366, 14.978, -57.937 |
Binary | 01010101, 01101100, 11001110 |
Color Schemes with #556cce
Alternatives to #556cce
Below, you can see some colors close to #556cce. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556cce Preview
This text has a font color of #556cce.
<span style="color:#556cce;">Text here</span>
This paragraph has a background color of #556cce.
<p style="background-color:#556cce;">Content here</p>
This element has a border color of #556cce.
<div style="border:1px solid #556cce;">Content here</div>
.text {color:#556cce;}
.background {background-color:#556cce;}
.border {border:1px solid #556cce;}
Shades and Tints of #556cce
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, #04050d is the darkest color, while #fcfdfe is the lightest one.
-
#04050d
#04050d
rgb(4,5,13)
-
#080c1c
#080c1c
rgb(8,12,28)
-
#0c122b
#0c122b
rgb(12,18,43)
-
#11193a
#11193a
rgb(17,25,58)
-
#151f4a
#151f4a
rgb(21,31,74)
-
#1a2659
#1a2659
rgb(26,38,89)
-
#1e2c68
#1e2c68
rgb(30,44,104)
-
#223377
#223377
rgb(34,51,119)
-
#273987
#273987
rgb(39,57,135)
-
#2b3f96
#2b3f96
rgb(43,63,150)
-
#3046a5
#3046a5
rgb(48,70,165)
-
#344cb4
#344cb4
rgb(52,76,180)
-
#3853c3
#3853c3
rgb(56,83,195)
-
#465fca
#465fca
rgb(70,95,202)
-
#556cce
#556cce
rgb(85,108,206)
-
#6479d2
#6479d2
rgb(100,121,210)
-
#7386d7
#7386d7
rgb(115,134,215)
-
#8393db
#8393db
rgb(131,147,219)
-
#92a1e0
#92a1e0
rgb(146,161,224)
-
#a1aee4
#a1aee4
rgb(161,174,228)
-
#b0bbe8
#b0bbe8
rgb(176,187,232)
-
#c0c8ed
#c0c8ed
rgb(192,200,237)
-
#cfd5f1
#cfd5f1
rgb(207,213,241)
-
#dee2f5
#dee2f5
rgb(222,226,245)
-
#edf0fa
#edf0fa
rgb(237,240,250)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #556cce
A tone is produced by adding gray to any pure hue. In this case, #909193 is the less saturated color, while #2b52f8 is the most saturated one.
-
#909193
#909193
rgb(144,145,147)
-
#888b9b
#888b9b
rgb(136,139,155)
-
#7f86a4
#7f86a4
rgb(127,134,164)
-
#7781ac
#7781ac
rgb(119,129,172)
-
#6e7cb5
#6e7cb5
rgb(110,124,181)
-
#6676bd
#6676bd
rgb(102,118,189)
-
#5d71c6
#5d71c6
rgb(93,113,198)
-
#556cce
#556cce
rgb(85,108,206)
-
#4d67d6
#4d67d6
rgb(77,103,214)
-
#4462df
#4462df
rgb(68,98,223)
-
#3c5ce7
#3c5ce7
rgb(60,92,231)
-
#3357f0
#3357f0
rgb(51,87,240)
-
#2b52f8
#2b52f8
rgb(43,82,248)
Color Blindness Simulator
Below, you can see how #556cce 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.