#3f5564 Color Information
In a RGB color space, hex #3f5564 is composed of 24.7% red, 33.3% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 15% magenta, 0% yellow and 60.8% black. It has a hue angle of 204.3 degrees, a saturation of 22.7% and a lightness of 32%. #3f5564 color hex could be obtained by blending #7eaac8 with #000000. Closest websafe color is: #336666.
-
- R 25
- G 33
- B 39
-
- C 37
- M 15
- Y 0
- K 61
● #3f5564 color description : Very dark desaturated blue.
#3f5564 Color Conversion
The hexadecimal color #3f5564 has RGB values of R:63, G:85, B:100 and CMYK values of C:0.37, M:0.15, Y:0, K:0.61. Its decimal value is 4150628.
Hex triplet | 3f5564 | #3f5564 |
---|---|---|
RGB Decimal | 63, 85, 100 | rgb(63,85,100) |
RGB Percent | 24.7, 33.3, 39.2 | rgb(24.7%,33.3%,39.2%) |
CMYK | 37, 15, 0, 61 | |
HSL | 204.3°, 22.7, 32 | hsl(204.3,22.7%,32%) |
HSV (or HSB) | 204.3°, 37, 39.2 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.95, -4.223, -11.367 |
---|---|
XYZ | 7.598, 8.474, 13.291 |
xyY | 0.259, 0.289, 8.474 |
CIE-LCH | 34.95, 12.126, 249.617 |
CIE-LUV | 34.95, -10.789, -14.308 |
Hunter-Lab | 29.109, -4.35, -6.695 |
Binary | 00111111, 01010101, 01100100 |
Color Schemes with #3f5564
Alternatives to #3f5564
Below, you can see some colors close to #3f5564. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5564 Preview
This text has a font color of #3f5564.
<span style="color:#3f5564;">Text here</span>
This paragraph has a background color of #3f5564.
<p style="background-color:#3f5564;">Content here</p>
This element has a border color of #3f5564.
<div style="border:1px solid #3f5564;">Content here</div>
.text {color:#3f5564;}
.background {background-color:#3f5564;}
.border {border:1px solid #3f5564;}
Shades and Tints of #3f5564
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, #020304 is the darkest color, while #f7f9fa is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#0a0d10
#0a0d10
rgb(10,13,16)
-
#12181c
#12181c
rgb(18,24,28)
-
#192228
#192228
rgb(25,34,40)
-
#212c34
#212c34
rgb(33,44,52)
-
#283640
#283640
rgb(40,54,64)
-
#30414c
#30414c
rgb(48,65,76)
-
#374b58
#374b58
rgb(55,75,88)
-
#3f5564
#3f5564
rgb(63,85,100)
-
#475f70
#475f70
rgb(71,95,112)
-
#4e697c
#4e697c
rgb(78,105,124)
-
#567488
#567488
rgb(86,116,136)
-
#5d7e94
#5d7e94
rgb(93,126,148)
-
#66889f
#66889f
rgb(102,136,159)
-
#7291a6
#7291a6
rgb(114,145,166)
-
#7e9bae
#7e9bae
rgb(126,155,174)
-
#8aa4b6
#8aa4b6
rgb(138,164,182)
-
#96adbd
#96adbd
rgb(150,173,189)
-
#a2b7c5
#a2b7c5
rgb(162,183,197)
-
#aec0cc
#aec0cc
rgb(174,192,204)
-
#bbcad4
#bbcad4
rgb(187,202,212)
-
#c7d3db
#c7d3db
rgb(199,211,219)
-
#d3dce3
#d3dce3
rgb(211,220,227)
-
#dfe6eb
#dfe6eb
rgb(223,230,235)
-
#ebeff2
#ebeff2
rgb(235,239,242)
-
#f7f9fa
#f7f9fa
rgb(247,249,250)
Tones of #3f5564
A tone is produced by adding gray to any pure hue. In this case, #4c5357 is the less saturated color, while #0061a3 is the most saturated one.
-
#4c5357
#4c5357
rgb(76,83,87)
-
#45545e
#45545e
rgb(69,84,94)
-
#3f5564
#3f5564
rgb(63,85,100)
-
#39566a
#39566a
rgb(57,86,106)
-
#325771
#325771
rgb(50,87,113)
-
#2c5977
#2c5977
rgb(44,89,119)
-
#265a7d
#265a7d
rgb(38,90,125)
-
#205b83
#205b83
rgb(32,91,131)
-
#195c8a
#195c8a
rgb(25,92,138)
-
#135d90
#135d90
rgb(19,93,144)
-
#0d5e96
#0d5e96
rgb(13,94,150)
-
#07609c
#07609c
rgb(7,96,156)
-
#0061a3
#0061a3
rgb(0,97,163)
Color Blindness Simulator
Below, you can see how #3f5564 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.