#3f4757 Color Information
In a RGB color space, hex #3f4757 is composed of 24.7% red, 27.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 27.6% cyan, 18.4% magenta, 0% yellow and 65.9% black. It has a hue angle of 220 degrees, a saturation of 16% and a lightness of 29.4%. #3f4757 color hex could be obtained by blending #7e8eae with #000000. Closest websafe color is: #333366.
-
- R 25
- G 28
- B 34
-
- C 28
- M 18
- Y 0
- K 66
● #3f4757 color description : Very dark grayish blue.
#3f4757 Color Conversion
The hexadecimal color #3f4757 has RGB values of R:63, G:71, B:87 and CMYK values of C:0.28, M:0.18, Y:0, K:0.66. Its decimal value is 4147031.
Hex triplet | 3f4757 | #3f4757 |
---|---|---|
RGB Decimal | 63, 71, 87 | rgb(63,71,87) |
RGB Percent | 24.7, 27.8, 34.1 | rgb(24.7%,27.8%,34.1%) |
CMYK | 28, 18, 0, 66 | |
HSL | 220°, 16, 29.4 | hsl(220,16%,29.4%) |
HSV (or HSB) | 220°, 27.6, 34.1 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.038, 0.903, -10.575 |
---|---|
XYZ | 6.023, 6.251, 9.906 |
xyY | 0.272, 0.282, 6.251 |
CIE-LCH | 30.038, 10.614, 274.88 |
CIE-LUV | 30.038, -4.612, -13.244 |
Hunter-Lab | 25.002, -0.754, -5.988 |
Binary | 00111111, 01000111, 01010111 |
Color Schemes with #3f4757
Alternatives to #3f4757
Below, you can see some colors close to #3f4757. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f4757 Preview
This text has a font color of #3f4757.
<span style="color:#3f4757;">Text here</span>
This paragraph has a background color of #3f4757.
<p style="background-color:#3f4757;">Content here</p>
This element has a border color of #3f4757.
<div style="border:1px solid #3f4757;">Content here</div>
.text {color:#3f4757;}
.background {background-color:#3f4757;}
.border {border:1px solid #3f4757;}
Shades and Tints of #3f4757
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)
-
#0e0f13
#0e0f13
rgb(14,15,19)
-
#16191e
#16191e
rgb(22,25,30)
-
#1e2229
#1e2229
rgb(30,34,41)
-
#262b35
#262b35
rgb(38,43,53)
-
#2f3440
#2f3440
rgb(47,52,64)
-
#373e4c
#373e4c
rgb(55,62,76)
-
#3f4757
#3f4757
rgb(63,71,87)
-
#475062
#475062
rgb(71,80,98)
-
#4f5a6e
#4f5a6e
rgb(79,90,110)
-
#586379
#586379
rgb(88,99,121)
-
#606c85
#606c85
rgb(96,108,133)
-
#687590
#687590
rgb(104,117,144)
-
#727f99
#727f99
rgb(114,127,153)
-
#7e8aa1
#7e8aa1
rgb(126,138,161)
-
#8994aa
#8994aa
rgb(137,148,170)
-
#959eb2
#959eb2
rgb(149,158,178)
-
#a0a9ba
#a0a9ba
rgb(160,169,186)
-
#abb3c2
#abb3c2
rgb(171,179,194)
-
#b7bdcb
#b7bdcb
rgb(183,189,203)
-
#c2c8d3
#c2c8d3
rgb(194,200,211)
-
#cdd2db
#cdd2db
rgb(205,210,219)
-
#d9dce3
#d9dce3
rgb(217,220,227)
-
#e4e7ec
#e4e7ec
rgb(228,231,236)
-
#f0f1f4
#f0f1f4
rgb(240,241,244)
-
#fbfbfc
#fbfbfc
rgb(251,251,252)
Tones of #3f4757
A tone is produced by adding gray to any pure hue. In this case, #4b4b4b is the less saturated color, while #053491 is the most saturated one.
-
#4b4b4b
#4b4b4b
rgb(75,75,75)
-
#454951
#454951
rgb(69,73,81)
-
#3f4757
#3f4757
rgb(63,71,87)
-
#39455d
#39455d
rgb(57,69,93)
-
#334363
#334363
rgb(51,67,99)
-
#2e4168
#2e4168
rgb(46,65,104)
-
#283f6e
#283f6e
rgb(40,63,110)
-
#223d74
#223d74
rgb(34,61,116)
-
#1c3b7a
#1c3b7a
rgb(28,59,122)
-
#173a7f
#173a7f
rgb(23,58,127)
-
#113885
#113885
rgb(17,56,133)
-
#0b368b
#0b368b
rgb(11,54,139)
-
#053491
#053491
rgb(5,52,145)
Color Blindness Simulator
Below, you can see how #3f4757 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.