#3f5164 Color Information
In a RGB color space, hex #3f5164 is composed of 24.7% red, 31.8% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 37% cyan, 19% magenta, 0% yellow and 60.8% black. It has a hue angle of 210.8 degrees, a saturation of 22.7% and a lightness of 32%. #3f5164 color hex could be obtained by blending #7ea2c8 with #000000. Closest websafe color is: #336666.
-
- R 25
- G 32
- B 39
-
- C 37
- M 19
- Y 0
- K 61
● #3f5164 color description : Very dark desaturated blue.
#3f5164 Color Conversion
The hexadecimal color #3f5164 has RGB values of R:63, G:81, B:100 and CMYK values of C:0.37, M:0.19, Y:0, K:0.61. Its decimal value is 4149604.
Hex triplet | 3f5164 | #3f5164 |
---|---|---|
RGB Decimal | 63, 81, 100 | rgb(63,81,100) |
RGB Percent | 24.7, 31.8, 39.2 | rgb(24.7%,31.8%,39.2%) |
CMYK | 37, 19, 0, 61 | |
HSL | 210.8°, 22.7, 32 | hsl(210.8,22.7%,32%) |
HSV (or HSB) | 210.8°, 37, 39.2 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 33.693, -1.734, -13.28 |
---|---|
XYZ | 7.292, 7.861, 13.189 |
xyY | 0.257, 0.277, 7.861 |
CIE-LCH | 33.693, 13.393, 262.56 |
CIE-LUV | 33.693, -9.123, -17.065 |
Hunter-Lab | 28.038, -2.644, -8.263 |
Binary | 00111111, 01010001, 01100100 |
Color Schemes with #3f5164
Alternatives to #3f5164
Below, you can see some colors close to #3f5164. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5164 Preview
This text has a font color of #3f5164.
<span style="color:#3f5164;">Text here</span>
This paragraph has a background color of #3f5164.
<p style="background-color:#3f5164;">Content here</p>
This element has a border color of #3f5164.
<div style="border:1px solid #3f5164;">Content here</div>
.text {color:#3f5164;}
.background {background-color:#3f5164;}
.border {border:1px solid #3f5164;}
Shades and Tints of #3f5164
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)
-
#192028
#192028
rgb(25,32,40)
-
#212a34
#212a34
rgb(33,42,52)
-
#283440
#283440
rgb(40,52,64)
-
#303e4c
#303e4c
rgb(48,62,76)
-
#374758
#374758
rgb(55,71,88)
-
#3f5164
#3f5164
rgb(63,81,100)
-
#475b70
#475b70
rgb(71,91,112)
-
#4e647c
#4e647c
rgb(78,100,124)
-
#566e88
#566e88
rgb(86,110,136)
-
#5d7894
#5d7894
rgb(93,120,148)
-
#66829f
#66829f
rgb(102,130,159)
-
#728ca6
#728ca6
rgb(114,140,166)
-
#7e96ae
#7e96ae
rgb(126,150,174)
-
#8a9fb6
#8a9fb6
rgb(138,159,182)
-
#96a9bd
#96a9bd
rgb(150,169,189)
-
#a2b3c5
#a2b3c5
rgb(162,179,197)
-
#aebdcc
#aebdcc
rgb(174,189,204)
-
#bbc7d4
#bbc7d4
rgb(187,199,212)
-
#c7d1db
#c7d1db
rgb(199,209,219)
-
#d3dbe3
#d3dbe3
rgb(211,219,227)
-
#dfe4eb
#dfe4eb
rgb(223,228,235)
-
#ebeef2
#ebeef2
rgb(235,238,242)
-
#f7f8fa
#f7f8fa
rgb(247,248,250)
Tones of #3f5164
A tone is produced by adding gray to any pure hue. In this case, #4c5157 is the less saturated color, while #004fa3 is the most saturated one.
-
#4c5157
#4c5157
rgb(76,81,87)
-
#45515e
#45515e
rgb(69,81,94)
-
#3f5164
#3f5164
rgb(63,81,100)
-
#39516a
#39516a
rgb(57,81,106)
-
#325171
#325171
rgb(50,81,113)
-
#2c5077
#2c5077
rgb(44,80,119)
-
#26507d
#26507d
rgb(38,80,125)
-
#205083
#205083
rgb(32,80,131)
-
#19508a
#19508a
rgb(25,80,138)
-
#135090
#135090
rgb(19,80,144)
-
#0d5096
#0d5096
rgb(13,80,150)
-
#074f9c
#074f9c
rgb(7,79,156)
-
#004fa3
#004fa3
rgb(0,79,163)
Color Blindness Simulator
Below, you can see how #3f5164 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.