#3f4357 Color Information
In a RGB color space, hex #3f4357 is composed of 24.7% red, 26.3% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 27.6% cyan, 23% magenta, 0% yellow and 65.9% black. It has a hue angle of 230 degrees, a saturation of 16% and a lightness of 29.4%. #3f4357 color hex could be obtained by blending #7e86ae with #000000. Closest websafe color is: #333366.
-
- R 25
- G 26
- B 34
-
- C 28
- M 23
- Y 0
- K 66
● #3f4357 color description : Very dark grayish blue.
#3f4357 Color Conversion
The hexadecimal color #3f4357 has RGB values of R:63, G:67, B:87 and CMYK values of C:0.28, M:0.23, Y:0, K:0.66. Its decimal value is 4146007.
Hex triplet | 3f4357 | #3f4357 |
---|---|---|
RGB Decimal | 63, 67, 87 | rgb(63,67,87) |
RGB Percent | 24.7, 26.3, 34.1 | rgb(24.7%,26.3%,34.1%) |
CMYK | 28, 23, 0, 66 | |
HSL | 230°, 16, 29.4 | hsl(230,16%,29.4%) |
HSV (or HSB) | 230°, 27.6, 34.1 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 28.796, 3.501, -12.466 |
---|---|
XYZ | 5.777, 5.759, 9.824 |
xyY | 0.27, 0.27, 5.759 |
CIE-LCH | 28.796, 12.949, 285.686 |
CIE-LUV | 28.796, -2.942, -15.8 |
Hunter-Lab | 23.998, 0.973, -7.471 |
Binary | 00111111, 01000011, 01010111 |
Color Schemes with #3f4357
Alternatives to #3f4357
Below, you can see some colors close to #3f4357. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f4357 Preview
This text has a font color of #3f4357.
<span style="color:#3f4357;">Text here</span>
This paragraph has a background color of #3f4357.
<p style="background-color:#3f4357;">Content here</p>
This element has a border color of #3f4357.
<div style="border:1px solid #3f4357;">Content here</div>
.text {color:#3f4357;}
.background {background-color:#3f4357;}
.border {border:1px solid #3f4357;}
Shades and Tints of #3f4357
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, #050607 is the darkest color, while #fbfbfc is the lightest one.
-
#050607
#050607
rgb(5,6,7)
-
#0e0e13
#0e0e13
rgb(14,14,19)
-
#16171e
#16171e
rgb(22,23,30)
-
#1e2029
#1e2029
rgb(30,32,41)
-
#262935
#262935
rgb(38,41,53)
-
#2f3140
#2f3140
rgb(47,49,64)
-
#373a4c
#373a4c
rgb(55,58,76)
-
#3f4357
#3f4357
rgb(63,67,87)
-
#474c62
#474c62
rgb(71,76,98)
-
#4f556e
#4f556e
rgb(79,85,110)
-
#585d79
#585d79
rgb(88,93,121)
-
#606685
#606685
rgb(96,102,133)
-
#686f90
#686f90
rgb(104,111,144)
-
#727999
#727999
rgb(114,121,153)
-
#7e84a1
#7e84a1
rgb(126,132,161)
-
#898faa
#898faa
rgb(137,143,170)
-
#9599b2
#9599b2
rgb(149,153,178)
-
#a0a4ba
#a0a4ba
rgb(160,164,186)
-
#abafc2
#abafc2
rgb(171,175,194)
-
#b7bacb
#b7bacb
rgb(183,186,203)
-
#c2c5d3
#c2c5d3
rgb(194,197,211)
-
#cdd0db
#cdd0db
rgb(205,208,219)
-
#d9dbe3
#d9dbe3
rgb(217,219,227)
-
#e4e5ec
#e4e5ec
rgb(228,229,236)
-
#f0f0f4
#f0f0f4
rgb(240,240,244)
-
#fbfbfc
#fbfbfc
rgb(251,251,252)
Tones of #3f4357
A tone is produced by adding gray to any pure hue. In this case, #4b4b4b is the less saturated color, while #051d91 is the most saturated one.
-
#4b4b4b
#4b4b4b
rgb(75,75,75)
-
#454751
#454751
rgb(69,71,81)
-
#3f4357
#3f4357
rgb(63,67,87)
-
#393f5d
#393f5d
rgb(57,63,93)
-
#333b63
#333b63
rgb(51,59,99)
-
#2e3768
#2e3768
rgb(46,55,104)
-
#28346e
#28346e
rgb(40,52,110)
-
#223074
#223074
rgb(34,48,116)
-
#1c2c7a
#1c2c7a
rgb(28,44,122)
-
#17287f
#17287f
rgb(23,40,127)
-
#112485
#112485
rgb(17,36,133)
-
#0b208b
#0b208b
rgb(11,32,139)
-
#051d91
#051d91
rgb(5,29,145)
Color Blindness Simulator
Below, you can see how #3f4357 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.