#3d5563 Color Information
In a RGB color space, hex #3d5563 is composed of 23.9% red, 33.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 14.1% magenta, 0% yellow and 61.2% black. It has a hue angle of 202.1 degrees, a saturation of 23.8% and a lightness of 31.4%. #3d5563 color hex could be obtained by blending #7aaac6 with #000000. Closest websafe color is: #336666.
-
- R 24
- G 33
- B 39
-
- C 38
- M 14
- Y 0
- K 61
● #3d5563 color description : Very dark desaturated blue.
#3d5563 Color Conversion
The hexadecimal color #3d5563 has RGB values of R:61, G:85, B:99 and CMYK values of C:0.38, M:0.14, Y:0, K:0.61. Its decimal value is 4019555.
Hex triplet | 3d5563 | #3d5563 |
---|---|---|
RGB Decimal | 61, 85, 99 | rgb(61,85,99) |
RGB Percent | 23.9, 33.3, 38.8 | rgb(23.9%,33.3%,38.8%) |
CMYK | 38, 14, 0, 61 | |
HSL | 202.1°, 23.8, 31.4 | hsl(202.1,23.8%,31.4%) |
HSV (or HSB) | 202.1°, 38.4, 38.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.782, -5.148, -11.008 |
---|---|
XYZ | 7.425, 8.39, 13.032 |
xyY | 0.257, 0.291, 8.39 |
CIE-LCH | 34.782, 12.153, 244.935 |
CIE-LUV | 34.782, -11.549, -13.688 |
Hunter-Lab | 28.965, -4.934, -6.4 |
Binary | 00111101, 01010101, 01100011 |
Color Schemes with #3d5563
Alternatives to #3d5563
Below, you can see some colors close to #3d5563. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3d5563 Preview
This text has a font color of #3d5563.
<span style="color:#3d5563;">Text here</span>
This paragraph has a background color of #3d5563.
<p style="background-color:#3d5563;">Content here</p>
This element has a border color of #3d5563.
<div style="border:1px solid #3d5563;">Content here</div>
.text {color:#3d5563;}
.background {background-color:#3d5563;}
.border {border:1px solid #3d5563;}
Shades and Tints of #3d5563
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, #010202 is the darkest color, while #f5f7f9 is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#090c0e
#090c0e
rgb(9,12,14)
-
#10161a
#10161a
rgb(16,22,26)
-
#182126
#182126
rgb(24,33,38)
-
#1f2b32
#1f2b32
rgb(31,43,50)
-
#27363f
#27363f
rgb(39,54,63)
-
#2e404b
#2e404b
rgb(46,64,75)
-
#364b57
#364b57
rgb(54,75,87)
-
#3d5563
#3d5563
rgb(61,85,99)
-
#445f6f
#445f6f
rgb(68,95,111)
-
#4c6a7b
#4c6a7b
rgb(76,106,123)
-
#537487
#537487
rgb(83,116,135)
-
#5b7f94
#5b7f94
rgb(91,127,148)
-
#63899f
#63899f
rgb(99,137,159)
-
#6f92a6
#6f92a6
rgb(111,146,166)
-
#7b9bae
#7b9bae
rgb(123,155,174)
-
#88a4b5
#88a4b5
rgb(136,164,181)
-
#94aebd
#94aebd
rgb(148,174,189)
-
#a0b7c4
#a0b7c4
rgb(160,183,196)
-
#acc0cc
#acc0cc
rgb(172,192,204)
-
#b8c9d3
#b8c9d3
rgb(184,201,211)
-
#c4d2db
#c4d2db
rgb(196,210,219)
-
#d0dce2
#d0dce2
rgb(208,220,226)
-
#dce5ea
#dce5ea
rgb(220,229,234)
-
#e9eef1
#e9eef1
rgb(233,238,241)
-
#f5f7f9
#f5f7f9
rgb(245,247,249)
Tones of #3d5563
A tone is produced by adding gray to any pure hue. In this case, #4f5051 is the less saturated color, while #06649a is the most saturated one.
-
#4f5051
#4f5051
rgb(79,80,81)
-
#495257
#495257
rgb(73,82,87)
-
#43535d
#43535d
rgb(67,83,93)
-
#3d5563
#3d5563
rgb(61,85,99)
-
#375769
#375769
rgb(55,87,105)
-
#31586f
#31586f
rgb(49,88,111)
-
#2b5a75
#2b5a75
rgb(43,90,117)
-
#245b7c
#245b7c
rgb(36,91,124)
-
#1e5d82
#1e5d82
rgb(30,93,130)
-
#185f88
#185f88
rgb(24,95,136)
-
#12608e
#12608e
rgb(18,96,142)
-
#0c6294
#0c6294
rgb(12,98,148)
-
#06649a
#06649a
rgb(6,100,154)
Color Blindness Simulator
Below, you can see how #3d5563 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.