#3f5464 Color Information
In a RGB color space, hex #3f5464 is composed of 24.7% red, 32.9% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 16% magenta, 0% yellow and 60.8% black. It has a hue angle of 205.9 degrees, a saturation of 22.7% and a lightness of 32%. #3f5464 color hex could be obtained by blending #7ea8c8 with #000000. Closest websafe color is: #336666.
-
- R 25
- G 33
- B 39
-
- C 37
- M 16
- Y 0
- K 61
● #3f5464 color description : Very dark desaturated blue.
#3f5464 Color Conversion
The hexadecimal color #3f5464 has RGB values of R:63, G:84, B:100 and CMYK values of C:0.37, M:0.16, Y:0, K:0.61. Its decimal value is 4150372.
Hex triplet | 3f5464 | #3f5464 |
---|---|---|
RGB Decimal | 63, 84, 100 | rgb(63,84,100) |
RGB Percent | 24.7, 32.9, 39.2 | rgb(24.7%,32.9%,39.2%) |
CMYK | 37, 16, 0, 61 | |
HSL | 205.9°, 22.7, 32 | hsl(205.9,22.7%,32%) |
HSV (or HSB) | 205.9°, 37, 39.2 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.635, -3.605, -11.845 |
---|---|
XYZ | 7.52, 8.317, 13.265 |
xyY | 0.258, 0.286, 8.317 |
CIE-LCH | 34.635, 12.382, 253.071 |
CIE-LUV | 34.635, -10.37, -15.002 |
Hunter-Lab | 28.84, -3.925, -7.083 |
Binary | 00111111, 01010100, 01100100 |
Color Schemes with #3f5464
Alternatives to #3f5464
Below, you can see some colors close to #3f5464. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5464 Preview
This text has a font color of #3f5464.
<span style="color:#3f5464;">Text here</span>
This paragraph has a background color of #3f5464.
<p style="background-color:#3f5464;">Content here</p>
This element has a border color of #3f5464.
<div style="border:1px solid #3f5464;">Content here</div>
.text {color:#3f5464;}
.background {background-color:#3f5464;}
.border {border:1px solid #3f5464;}
Shades and Tints of #3f5464
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 #f7f8fa is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#0a0d10
#0a0d10
rgb(10,13,16)
-
#12171c
#12171c
rgb(18,23,28)
-
#192128
#192128
rgb(25,33,40)
-
#212c34
#212c34
rgb(33,44,52)
-
#283640
#283640
rgb(40,54,64)
-
#30404c
#30404c
rgb(48,64,76)
-
#374a58
#374a58
rgb(55,74,88)
-
#3f5464
#3f5464
rgb(63,84,100)
-
#475e70
#475e70
rgb(71,94,112)
-
#4e687c
#4e687c
rgb(78,104,124)
-
#567288
#567288
rgb(86,114,136)
-
#5d7c94
#5d7c94
rgb(93,124,148)
-
#66869f
#66869f
rgb(102,134,159)
-
#7290a6
#7290a6
rgb(114,144,166)
-
#7e99ae
#7e99ae
rgb(126,153,174)
-
#8aa3b6
#8aa3b6
rgb(138,163,182)
-
#96acbd
#96acbd
rgb(150,172,189)
-
#a2b6c5
#a2b6c5
rgb(162,182,197)
-
#aebfcc
#aebfcc
rgb(174,191,204)
-
#bbc9d4
#bbc9d4
rgb(187,201,212)
-
#c7d2db
#c7d2db
rgb(199,210,219)
-
#d3dce3
#d3dce3
rgb(211,220,227)
-
#dfe5eb
#dfe5eb
rgb(223,229,235)
-
#ebeff2
#ebeff2
rgb(235,239,242)
-
#f7f8fa
#f7f8fa
rgb(247,248,250)
Tones of #3f5464
A tone is produced by adding gray to any pure hue. In this case, #4c5257 is the less saturated color, while #005ca3 is the most saturated one.
-
#4c5257
#4c5257
rgb(76,82,87)
-
#45535e
#45535e
rgb(69,83,94)
-
#3f5464
#3f5464
rgb(63,84,100)
-
#39556a
#39556a
rgb(57,85,106)
-
#325671
#325671
rgb(50,86,113)
-
#2c5777
#2c5777
rgb(44,87,119)
-
#26577d
#26577d
rgb(38,87,125)
-
#205883
#205883
rgb(32,88,131)
-
#19598a
#19598a
rgb(25,89,138)
-
#135a90
#135a90
rgb(19,90,144)
-
#0d5b96
#0d5b96
rgb(13,91,150)
-
#075c9c
#075c9c
rgb(7,92,156)
-
#005ca3
#005ca3
rgb(0,92,163)
Color Blindness Simulator
Below, you can see how #3f5464 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.