#556684 Color Information
In a RGB color space, hex #556684 is composed of 33.3% red, 40% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 22.7% magenta, 0% yellow and 48.2% black. It has a hue angle of 218.3 degrees, a saturation of 21.7% and a lightness of 42.5%. #556684 color hex could be obtained by blending #aaccff with #000009. Closest websafe color is: #666699.
-
- R 33
- G 40
- B 52
-
- C 36
- M 23
- Y 0
- K 48
● #556684 color description : Mostly desaturated dark blue.
#556684 Color Conversion
The hexadecimal color #556684 has RGB values of R:85, G:102, B:132 and CMYK values of C:0.36, M:0.23, Y:0, K:0.48. Its decimal value is 5596804.
Hex triplet | 556684 | #556684 |
---|---|---|
RGB Decimal | 85, 102, 132 | rgb(85,102,132) |
RGB Percent | 33.3, 40, 51.8 | rgb(33.3%,40%,51.8%) |
CMYK | 36, 23, 0, 48 | |
HSL | 218.3°, 21.7, 42.5 | hsl(218.3,21.7%,42.5%) |
HSV (or HSB) | 218.3°, 35.6, 51.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 42.913, 1.426, -18.716 |
---|---|
XYZ | 12.662, 13.1, 23.69 |
xyY | 0.256, 0.265, 13.1 |
CIE-LCH | 42.913, 18.771, 274.356 |
CIE-LUV | 42.913, -9.542, -26.564 |
Hunter-Lab | 36.193, -0.893, -13.472 |
Binary | 01010101, 01100110, 10000100 |
Color Schemes with #556684
Alternatives to #556684
Below, you can see some colors close to #556684. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556684 Preview
This text has a font color of #556684.
<span style="color:#556684;">Text here</span>
This paragraph has a background color of #556684.
<p style="background-color:#556684;">Content here</p>
This element has a border color of #556684.
<div style="border:1px solid #556684;">Content here</div>
.text {color:#556684;}
.background {background-color:#556684;}
.border {border:1px solid #556684;}
Shades and Tints of #556684
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, #000101 is the darkest color, while #f4f5f8 is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#080a0d
#080a0d
rgb(8,10,13)
-
#101319
#101319
rgb(16,19,25)
-
#181c25
#181c25
rgb(24,28,37)
-
#1f2530
#1f2530
rgb(31,37,48)
-
#272f3c
#272f3c
rgb(39,47,60)
-
#2f3848
#2f3848
rgb(47,56,72)
-
#364154
#364154
rgb(54,65,84)
-
#3e4a60
#3e4a60
rgb(62,74,96)
-
#46546c
#46546c
rgb(70,84,108)
-
#4d5d78
#4d5d78
rgb(77,93,120)
-
#556684
#556684
rgb(85,102,132)
-
#5d6f90
#5d6f90
rgb(93,111,144)
-
#65799c
#65799c
rgb(101,121,156)
-
#7183a3
#7183a3
rgb(113,131,163)
-
#7c8dab
#7c8dab
rgb(124,141,171)
-
#8898b3
#8898b3
rgb(136,152,179)
-
#94a2ba
#94a2ba
rgb(148,162,186)
-
#a0acc2
#a0acc2
rgb(160,172,194)
-
#acb7ca
#acb7ca
rgb(172,183,202)
-
#b8c1d1
#b8c1d1
rgb(184,193,209)
-
#c4ccd9
#c4ccd9
rgb(196,204,217)
-
#d0d6e1
#d0d6e1
rgb(208,214,225)
-
#dce0e8
#dce0e8
rgb(220,224,232)
-
#e8ebf0
#e8ebf0
rgb(232,235,240)
-
#f4f5f8
#f4f5f8
rgb(244,245,248)
Tones of #556684
A tone is produced by adding gray to any pure hue. In this case, #666b73 is the less saturated color, while #024fd7 is the most saturated one.
-
#666b73
#666b73
rgb(102,107,115)
-
#5d687c
#5d687c
rgb(93,104,124)
-
#556684
#556684
rgb(85,102,132)
-
#4d648c
#4d648c
rgb(77,100,140)
-
#446195
#446195
rgb(68,97,149)
-
#3c5f9d
#3c5f9d
rgb(60,95,157)
-
#345da5
#345da5
rgb(52,93,165)
-
#2b5aae
#2b5aae
rgb(43,90,174)
-
#2358b6
#2358b6
rgb(35,88,182)
-
#1b56be
#1b56be
rgb(27,86,190)
-
#1254c7
#1254c7
rgb(18,84,199)
-
#0a51cf
#0a51cf
rgb(10,81,207)
-
#024fd7
#024fd7
rgb(2,79,215)
Color Blindness Simulator
Below, you can see how #556684 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.