#556caa Color Information
In a RGB color space, hex #556caa is composed of 33.3% red, 42.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 36.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 223.8 degrees, a saturation of 33.3% and a lightness of 50%. #556caa color hex could be obtained by blending #aad8ff with #000055. Closest websafe color is: #666699.
-
- R 33
- G 42
- B 67
-
- C 50
- M 36
- Y 0
- K 33
● #556caa color description : Dark moderate blue.
#556caa Color Conversion
The hexadecimal color #556caa has RGB values of R:85, G:108, B:170 and CMYK values of C:0.5, M:0.36, Y:0, K:0.33. Its decimal value is 5598378.
Hex triplet | 556caa | #556caa |
---|---|---|
RGB Decimal | 85, 108, 170 | rgb(85,108,170) |
RGB Percent | 33.3, 42.4, 66.7 | rgb(33.3%,42.4%,66.7%) |
CMYK | 50, 36, 0, 33 | |
HSL | 223.8°, 33.3, 50 | hsl(223.8,33.3%,50%) |
HSV (or HSB) | 223.8°, 50, 66.7 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 46.389, 9.231, -35.873 |
---|---|
XYZ | 16.363, 15.558, 40.169 |
xyY | 0.227, 0.216, 15.558 |
CIE-LCH | 46.389, 37.042, 284.43 |
CIE-LUV | 46.389, -12.698, -54.362 |
Hunter-Lab | 39.444, 5.024, -32.769 |
Binary | 01010101, 01101100, 10101010 |
Color Schemes with #556caa
Alternatives to #556caa
Below, you can see some colors close to #556caa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556caa Preview
This text has a font color of #556caa.
<span style="color:#556caa;">Text here</span>
This paragraph has a background color of #556caa.
<p style="background-color:#556caa;">Content here</p>
This element has a border color of #556caa.
<div style="border:1px solid #556caa;">Content here</div>
.text {color:#556caa;}
.background {background-color:#556caa;}
.border {border:1px solid #556caa;}
Shades and Tints of #556caa
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, #07080d is the darkest color, while #ffffff is the lightest one.
-
#07080d
#07080d
rgb(7,8,13)
-
#0d111a
#0d111a
rgb(13,17,26)
-
#141927
#141927
rgb(20,25,39)
-
#1a2134
#1a2134
rgb(26,33,52)
-
#212a41
#212a41
rgb(33,42,65)
-
#27324e
#27324e
rgb(39,50,78)
-
#2e3a5c
#2e3a5c
rgb(46,58,92)
-
#344269
#344269
rgb(52,66,105)
-
#3b4b76
#3b4b76
rgb(59,75,118)
-
#415383
#415383
rgb(65,83,131)
-
#485b90
#485b90
rgb(72,91,144)
-
#4e649d
#4e649d
rgb(78,100,157)
-
#556caa
#556caa
rgb(85,108,170)
-
#6277b1
#6277b1
rgb(98,119,177)
-
#6f83b7
#6f83b7
rgb(111,131,183)
-
#7c8ebe
#7c8ebe
rgb(124,142,190)
-
#8999c4
#8999c4
rgb(137,153,196)
-
#96a5cb
#96a5cb
rgb(150,165,203)
-
#a3b0d1
#a3b0d1
rgb(163,176,209)
-
#b1bbd8
#b1bbd8
rgb(177,187,216)
-
#bec6de
#bec6de
rgb(190,198,222)
-
#cbd2e5
#cbd2e5
rgb(203,210,229)
-
#d8ddeb
#d8ddeb
rgb(216,221,235)
-
#e5e8f2
#e5e8f2
rgb(229,232,242)
-
#f2f4f8
#f2f4f8
rgb(242,244,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #556caa
A tone is produced by adding gray to any pure hue. In this case, #7c7e83 is the less saturated color, while #0748f8 is the most saturated one.
-
#7c7e83
#7c7e83
rgb(124,126,131)
-
#727a8d
#727a8d
rgb(114,122,141)
-
#697596
#697596
rgb(105,117,150)
-
#5f71a0
#5f71a0
rgb(95,113,160)
-
#556caa
#556caa
rgb(85,108,170)
-
#4b68b4
#4b68b4
rgb(75,104,180)
-
#4163be
#4163be
rgb(65,99,190)
-
#385fc7
#385fc7
rgb(56,95,199)
-
#2e5ad1
#2e5ad1
rgb(46,90,209)
-
#2456db
#2456db
rgb(36,86,219)
-
#1a51e5
#1a51e5
rgb(26,81,229)
-
#104def
#104def
rgb(16,77,239)
-
#0748f8
#0748f8
rgb(7,72,248)
Color Blindness Simulator
Below, you can see how #556caa 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.