#2d556b Color Information
In a RGB color space, hex #2d556b is composed of 17.6% red, 33.3% green and 42% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 20.6% magenta, 0% yellow and 58% black. It has a hue angle of 201.3 degrees, a saturation of 40.8% and a lightness of 29.8%. #2d556b color hex could be obtained by blending #5aaad6 with #000000. Closest websafe color is: #336666.
-
- R 18
- G 33
- B 42
-
- C 58
- M 21
- Y 0
- K 58
● #2d556b color description : Very dark desaturated blue.
#2d556b Color Conversion
The hexadecimal color #2d556b has RGB values of R:45, G:85, B:107 and CMYK values of C:0.58, M:0.21, Y:0, K:0.58. Its decimal value is 2970987.
Hex triplet | 2d556b | #2d556b |
---|---|---|
RGB Decimal | 45, 85, 107 | rgb(45,85,107) |
RGB Percent | 17.6, 33.3, 42 | rgb(17.6%,33.3%,42%) |
CMYK | 58, 21, 0, 58 | |
HSL | 201.3°, 40.8, 29.8 | hsl(201.3,40.8%,29.8%) |
HSV (or HSB) | 201.3°, 57.9, 42 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.223, -7.057, -16.948 |
---|---|
XYZ | 6.984, 8.116, 15.108 |
xyY | 0.231, 0.269, 8.116 |
CIE-LCH | 34.223, 18.359, 247.393 |
CIE-LUV | 34.223, -16.61, -21.647 |
Hunter-Lab | 28.489, -6.096, -11.5 |
Binary | 00101101, 01010101, 01101011 |
Color Schemes with #2d556b
Alternatives to #2d556b
Below, you can see some colors close to #2d556b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2d556b Preview
This text has a font color of #2d556b.
<span style="color:#2d556b;">Text here</span>
This paragraph has a background color of #2d556b.
<p style="background-color:#2d556b;">Content here</p>
This element has a border color of #2d556b.
<div style="border:1px solid #2d556b;">Content here</div>
.text {color:#2d556b;}
.background {background-color:#2d556b;}
.border {border:1px solid #2d556b;}
Shades and Tints of #2d556b
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, #04080a is the darkest color, while #fcfdfe is the lightest one.
-
#04080a
#04080a
rgb(4,8,10)
-
#0a1318
#0a1318
rgb(10,19,24)
-
#101e26
#101e26
rgb(16,30,38)
-
#162934
#162934
rgb(22,41,52)
-
#1c3442
#1c3442
rgb(28,52,66)
-
#213f4f
#213f4f
rgb(33,63,79)
-
#274a5d
#274a5d
rgb(39,74,93)
-
#2d556b
#2d556b
rgb(45,85,107)
-
#336079
#336079
rgb(51,96,121)
-
#396b87
#396b87
rgb(57,107,135)
-
#3e7694
#3e7694
rgb(62,118,148)
-
#4481a2
#4481a2
rgb(68,129,162)
-
#4a8cb0
#4a8cb0
rgb(74,140,176)
-
#5695b8
#5695b8
rgb(86,149,184)
-
#649ebe
#649ebe
rgb(100,158,190)
-
#71a6c3
#71a6c3
rgb(113,166,195)
-
#7fafc9
#7fafc9
rgb(127,175,201)
-
#8db8cf
#8db8cf
rgb(141,184,207)
-
#9bc0d5
#9bc0d5
rgb(155,192,213)
-
#a9c9db
#a9c9db
rgb(169,201,219)
-
#b6d2e1
#b6d2e1
rgb(182,210,225)
-
#c4dae6
#c4dae6
rgb(196,218,230)
-
#d2e3ec
#d2e3ec
rgb(210,227,236)
-
#e0ecf2
#e0ecf2
rgb(224,236,242)
-
#eef4f8
#eef4f8
rgb(238,244,248)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #2d556b
A tone is produced by adding gray to any pure hue. In this case, #4a4d4e is the less saturated color, while #046194 is the most saturated one.
-
#4a4d4e
#4a4d4e
rgb(74,77,78)
-
#444e54
#444e54
rgb(68,78,84)
-
#3f5059
#3f5059
rgb(63,80,89)
-
#39525f
#39525f
rgb(57,82,95)
-
#335365
#335365
rgb(51,83,101)
-
#2d556b
#2d556b
rgb(45,85,107)
-
#275771
#275771
rgb(39,87,113)
-
#215877
#215877
rgb(33,88,119)
-
#1b5a7d
#1b5a7d
rgb(27,90,125)
-
#165c82
#165c82
rgb(22,92,130)
-
#105d88
#105d88
rgb(16,93,136)
-
#0a5f8e
#0a5f8e
rgb(10,95,142)
-
#046194
#046194
rgb(4,97,148)
Color Blindness Simulator
Below, you can see how #2d556b 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.