#556683 Color Information
In a RGB color space, hex #556683 is composed of 33.3% red, 40% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 22.1% magenta, 0% yellow and 48.6% black. It has a hue angle of 217.8 degrees, a saturation of 21.3% and a lightness of 42.4%. #556683 color hex could be obtained by blending #aaccff with #000007. Closest websafe color is: #666699.
-
- R 33
- G 40
- B 51
-
- C 35
- M 22
- Y 0
- K 49
● #556683 color description : Mostly desaturated dark blue.
#556683 Color Conversion
The hexadecimal color #556683 has RGB values of R:85, G:102, B:131 and CMYK values of C:0.35, M:0.22, Y:0, K:0.49. Its decimal value is 5596803.
Hex triplet | 556683 | #556683 |
---|---|---|
RGB Decimal | 85, 102, 131 | rgb(85,102,131) |
RGB Percent | 33.3, 40, 51.4 | rgb(33.3%,40%,51.4%) |
CMYK | 35, 22, 0, 49 | |
HSL | 217.8°, 21.3, 42.4 | hsl(217.8,21.3%,42.4%) |
HSV (or HSB) | 217.8°, 35.1, 51.4 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 42.872, 1.143, -18.177 |
---|---|
XYZ | 12.594, 13.072, 23.331 |
xyY | 0.257, 0.267, 13.072 |
CIE-LCH | 42.872, 18.212, 273.598 |
CIE-LUV | 42.872, -9.517, -25.722 |
Hunter-Lab | 36.156, -1.098, -12.951 |
Binary | 01010101, 01100110, 10000011 |
Color Schemes with #556683
Alternatives to #556683
Below, you can see some colors close to #556683. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556683 Preview
This text has a font color of #556683.
<span style="color:#556683;">Text here</span>
This paragraph has a background color of #556683.
<p style="background-color:#556683;">Content here</p>
This element has a border color of #556683.
<div style="border:1px solid #556683;">Content here</div>
.text {color:#556683;}
.background {background-color:#556683;}
.border {border:1px solid #556683;}
Shades and Tints of #556683
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, #000000 is the darkest color, while #f3f5f7 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#08090c
#08090c
rgb(8,9,12)
-
#101318
#101318
rgb(16,19,24)
-
#171c24
#171c24
rgb(23,28,36)
-
#1f2530
#1f2530
rgb(31,37,48)
-
#272e3c
#272e3c
rgb(39,46,60)
-
#2e3848
#2e3848
rgb(46,56,72)
-
#364153
#364153
rgb(54,65,83)
-
#3e4a5f
#3e4a5f
rgb(62,74,95)
-
#46536b
#46536b
rgb(70,83,107)
-
#4d5d77
#4d5d77
rgb(77,93,119)
-
#556683
#556683
rgb(85,102,131)
-
#5d6f8f
#5d6f8f
rgb(93,111,143)
-
#64799b
#64799b
rgb(100,121,155)
-
#7083a2
#7083a2
rgb(112,131,162)
-
#7c8daa
#7c8daa
rgb(124,141,170)
-
#8898b2
#8898b2
rgb(136,152,178)
-
#94a2ba
#94a2ba
rgb(148,162,186)
-
#a0acc1
#a0acc1
rgb(160,172,193)
-
#acb7c9
#acb7c9
rgb(172,183,201)
-
#b8c1d1
#b8c1d1
rgb(184,193,209)
-
#c4cbd8
#c4cbd8
rgb(196,203,216)
-
#d0d6e0
#d0d6e0
rgb(208,214,224)
-
#dbe0e8
#dbe0e8
rgb(219,224,232)
-
#e7eaf0
#e7eaf0
rgb(231,234,240)
-
#f3f5f7
#f3f5f7
rgb(243,245,247)
Tones of #556683
A tone is produced by adding gray to any pure hue. In this case, #666a72 is the less saturated color, while #0250d6 is the most saturated one.
-
#666a72
#666a72
rgb(102,106,114)
-
#5d687b
#5d687b
rgb(93,104,123)
-
#556683
#556683
rgb(85,102,131)
-
#4d648b
#4d648b
rgb(77,100,139)
-
#446294
#446294
rgb(68,98,148)
-
#3c5f9c
#3c5f9c
rgb(60,95,156)
-
#345da4
#345da4
rgb(52,93,164)
-
#2b5bad
#2b5bad
rgb(43,91,173)
-
#2359b5
#2359b5
rgb(35,89,181)
-
#1b57bd
#1b57bd
rgb(27,87,189)
-
#1355c5
#1355c5
rgb(19,85,197)
-
#0a52ce
#0a52ce
rgb(10,82,206)
-
#0250d6
#0250d6
rgb(2,80,214)
Color Blindness Simulator
Below, you can see how #556683 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.