#20557e Color Information
In a RGB color space, hex #20557e is composed of 12.5% red, 33.3% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 32.5% magenta, 0% yellow and 50.6% black. It has a hue angle of 206.2 degrees, a saturation of 59.5% and a lightness of 31%. #20557e color hex could be obtained by blending #40aafc with #000000. Closest websafe color is: #336666.
-
- R 13
- G 33
- B 49
-
- C 75
- M 33
- Y 0
- K 51
● #20557e color description : Dark blue.
#20557e Color Conversion
The hexadecimal color #20557e has RGB values of R:32, G:85, B:126 and CMYK values of C:0.75, M:0.33, Y:0, K:0.51. Its decimal value is 2119038.
Hex triplet | 20557e | #20557e |
---|---|---|
RGB Decimal | 32, 85, 126 | rgb(32,85,126) |
RGB Percent | 12.5, 33.3, 49.4 | rgb(12.5%,33.3%,49.4%) |
CMYK | 75, 33, 0, 51 | |
HSL | 206.2°, 59.5, 31 | hsl(206.2,59.5%,31%) |
HSV (or HSB) | 206.2°, 74.6, 49.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.62, -2.695, -28.168 |
---|---|
XYZ | 7.609, 8.31, 20.94 |
xyY | 0.206, 0.225, 8.31 |
CIE-LCH | 34.62, 28.297, 264.534 |
CIE-LUV | 34.62, -18.82, -38.237 |
Hunter-Lab | 28.827, -3.33, -22.891 |
Binary | 00100000, 01010101, 01111110 |
Color Schemes with #20557e
Alternatives to #20557e
Below, you can see some colors close to #20557e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20557e Preview
This text has a font color of #20557e.
<span style="color:#20557e;">Text here</span>
This paragraph has a background color of #20557e.
<p style="background-color:#20557e;">Content here</p>
This element has a border color of #20557e.
<div style="border:1px solid #20557e;">Content here</div>
.text {color:#20557e;}
.background {background-color:#20557e;}
.border {border:1px solid #20557e;}
Shades and Tints of #20557e
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 #f0f6fb is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#040b11
#040b11
rgb(4,11,17)
-
#081620
#081620
rgb(8,22,32)
-
#0c2030
#0c2030
rgb(12,32,48)
-
#102b3f
#102b3f
rgb(16,43,63)
-
#14354f
#14354f
rgb(20,53,79)
-
#18405f
#18405f
rgb(24,64,95)
-
#1c4a6e
#1c4a6e
rgb(28,74,110)
-
#20557e
#20557e
rgb(32,85,126)
-
#24608e
#24608e
rgb(36,96,142)
-
#286a9d
#286a9d
rgb(40,106,157)
-
#2c75ad
#2c75ad
rgb(44,117,173)
-
#307fbd
#307fbd
rgb(48,127,189)
-
#358acc
#358acc
rgb(53,138,204)
-
#4493d0
#4493d0
rgb(68,147,208)
-
#549cd4
#549cd4
rgb(84,156,212)
-
#63a5d7
#63a5d7
rgb(99,165,215)
-
#73aedb
#73aedb
rgb(115,174,219)
-
#83b7df
#83b7df
rgb(131,183,223)
-
#92c0e3
#92c0e3
rgb(146,192,227)
-
#a2c9e7
#a2c9e7
rgb(162,201,231)
-
#b2d2eb
#b2d2eb
rgb(178,210,235)
-
#c1dbef
#c1dbef
rgb(193,219,239)
-
#d1e4f3
#d1e4f3
rgb(209,228,243)
-
#e1edf7
#e1edf7
rgb(225,237,247)
-
#f0f6fb
#f0f6fb
rgb(240,246,251)
Tones of #20557e
A tone is produced by adding gray to any pure hue. In this case, #4b5053 is the less saturated color, while #02599c is the most saturated one.
-
#4b5053
#4b5053
rgb(75,80,83)
-
#44505a
#44505a
rgb(68,80,90)
-
#3e5160
#3e5160
rgb(62,81,96)
-
#385266
#385266
rgb(56,82,102)
-
#32536c
#32536c
rgb(50,83,108)
-
#2c5372
#2c5372
rgb(44,83,114)
-
#265478
#265478
rgb(38,84,120)
-
#20557e
#20557e
rgb(32,85,126)
-
#1a5684
#1a5684
rgb(26,86,132)
-
#14578a
#14578a
rgb(20,87,138)
-
#0e5790
#0e5790
rgb(14,87,144)
-
#085896
#085896
rgb(8,88,150)
-
#02599c
#02599c
rgb(2,89,156)
Color Blindness Simulator
Below, you can see how #20557e 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.