#556e96 Color Information
In a RGB color space, hex #556e96 is composed of 33.3% red, 43.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 26.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 216.9 degrees, a saturation of 27.7% and a lightness of 46.1%. #556e96 color hex could be obtained by blending #aadcff with #00002d. Closest websafe color is: #666699.
-
- R 33
- G 43
- B 59
-
- C 43
- M 27
- Y 0
- K 41
● #556e96 color description : Mostly desaturated dark blue.
#556e96 Color Conversion
The hexadecimal color #556e96 has RGB values of R:85, G:110, B:150 and CMYK values of C:0.43, M:0.27, Y:0, K:0.41. Its decimal value is 5598870.
Hex triplet | 556e96 | #556e96 |
---|---|---|
RGB Decimal | 85, 110, 150 | rgb(85,110,150) |
RGB Percent | 33.3, 43.1, 58.8 | rgb(33.3%,43.1%,58.8%) |
CMYK | 43, 27, 0, 41 | |
HSL | 216.9°, 27.7, 46.1 | hsl(216.9,27.7%,46.1%) |
HSV (or HSB) | 216.9°, 43.3, 58.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 46.022, 1.819, -24.669 |
---|---|
XYZ | 14.826, 15.285, 31.021 |
xyY | 0.243, 0.25, 15.285 |
CIE-LCH | 46.022, 24.736, 274.217 |
CIE-LUV | 46.022, -13.13, -36.098 |
Hunter-Lab | 39.095, -0.725, -19.679 |
Binary | 01010101, 01101110, 10010110 |
Color Schemes with #556e96
Alternatives to #556e96
Below, you can see some colors close to #556e96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556e96 Preview
This text has a font color of #556e96.
<span style="color:#556e96;">Text here</span>
This paragraph has a background color of #556e96.
<p style="background-color:#556e96;">Content here</p>
This element has a border color of #556e96.
<div style="border:1px solid #556e96;">Content here</div>
.text {color:#556e96;}
.background {background-color:#556e96;}
.border {border:1px solid #556e96;}
Shades and Tints of #556e96
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, #07090c is the darkest color, while #ffffff is the lightest one.
-
#07090c
#07090c
rgb(7,9,12)
-
#0e1219
#0e1219
rgb(14,18,25)
-
#151b25
#151b25
rgb(21,27,37)
-
#1c2532
#1c2532
rgb(28,37,50)
-
#232e3e
#232e3e
rgb(35,46,62)
-
#2a374b
#2a374b
rgb(42,55,75)
-
#324057
#324057
rgb(50,64,87)
-
#394964
#394964
rgb(57,73,100)
-
#405270
#405270
rgb(64,82,112)
-
#475c7d
#475c7d
rgb(71,92,125)
-
#4e6589
#4e6589
rgb(78,101,137)
-
#556e96
#556e96
rgb(85,110,150)
-
#5c77a3
#5c77a3
rgb(92,119,163)
-
#6982aa
#6982aa
rgb(105,130,170)
-
#758cb1
#758cb1
rgb(117,140,177)
-
#8296b8
#8296b8
rgb(130,150,184)
-
#8ea1bf
#8ea1bf
rgb(142,161,191)
-
#9babc6
#9babc6
rgb(155,171,198)
-
#a7b6cd
#a7b6cd
rgb(167,182,205)
-
#b4c0d4
#b4c0d4
rgb(180,192,212)
-
#c0cbdb
#c0cbdb
rgb(192,203,219)
-
#cdd5e2
#cdd5e2
rgb(205,213,226)
-
#d9dfea
#d9dfea
rgb(217,223,234)
-
#e6eaf1
#e6eaf1
rgb(230,234,241)
-
#f2f4f8
#f2f4f8
rgb(242,244,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #556e96
A tone is produced by adding gray to any pure hue. In this case, #70747b is the less saturated color, while #045be7 is the most saturated one.
-
#70747b
#70747b
rgb(112,116,123)
-
#677284
#677284
rgb(103,114,132)
-
#5e708d
#5e708d
rgb(94,112,141)
-
#556e96
#556e96
rgb(85,110,150)
-
#4c6c9f
#4c6c9f
rgb(76,108,159)
-
#436aa8
#436aa8
rgb(67,106,168)
-
#3a68b1
#3a68b1
rgb(58,104,177)
-
#3166ba
#3166ba
rgb(49,102,186)
-
#2864c3
#2864c3
rgb(40,100,195)
-
#1f61cc
#1f61cc
rgb(31,97,204)
-
#165fd5
#165fd5
rgb(22,95,213)
-
#0d5dde
#0d5dde
rgb(13,93,222)
-
#045be7
#045be7
rgb(4,91,231)
Color Blindness Simulator
Below, you can see how #556e96 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.