#3f4354 Color Information
In a RGB color space, hex #3f4354 is composed of 24.7% red, 26.3% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 20.2% magenta, 0% yellow and 67.1% black. It has a hue angle of 228.6 degrees, a saturation of 14.3% and a lightness of 28.8%. #3f4354 color hex could be obtained by blending #7e86a8 with #000000. Closest websafe color is: #333366.
-
- R 25
- G 26
- B 33
-
- C 25
- M 20
- Y 0
- K 67
● #3f4354 color description : Very dark grayish blue.
#3f4354 Color Conversion
The hexadecimal color #3f4354 has RGB values of R:63, G:67, B:84 and CMYK values of C:0.25, M:0.2, Y:0, K:0.67. Its decimal value is 4146004.
Hex triplet | 3f4354 | #3f4354 |
---|---|---|
RGB Decimal | 63, 67, 84 | rgb(63,67,84) |
RGB Percent | 24.7, 26.3, 32.9 | rgb(24.7%,26.3%,32.9%) |
CMYK | 25, 20, 0, 67 | |
HSL | 228.6°, 14.3, 28.8 | hsl(228.6,14.3%,28.8%) |
HSV (or HSB) | 228.6°, 25, 32.9 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 28.672, 2.668, -10.714 |
---|---|
XYZ | 5.657, 5.711, 9.191 |
xyY | 0.275, 0.278, 5.711 |
CIE-LCH | 28.672, 11.042, 283.981 |
CIE-LUV | 28.672, -2.805, -13.43 |
Hunter-Lab | 23.898, 0.432, -6.075 |
Binary | 00111111, 01000011, 01010100 |
Color Schemes with #3f4354
Alternatives to #3f4354
Below, you can see some colors close to #3f4354. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f4354 Preview
This text has a font color of #3f4354.
<span style="color:#3f4354;">Text here</span>
This paragraph has a background color of #3f4354.
<p style="background-color:#3f4354;">Content here</p>
This element has a border color of #3f4354.
<div style="border:1px solid #3f4354;">Content here</div>
.text {color:#3f4354;}
.background {background-color:#3f4354;}
.border {border:1px solid #3f4354;}
Shades and Tints of #3f4354
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, #040406 is the darkest color, while #f9fafb is the lightest one.
-
#040406
#040406
rgb(4,4,6)
-
#0d0d11
#0d0d11
rgb(13,13,17)
-
#15161c
#15161c
rgb(21,22,28)
-
#1d1f27
#1d1f27
rgb(29,31,39)
-
#262832
#262832
rgb(38,40,50)
-
#2e313e
#2e313e
rgb(46,49,62)
-
#373a49
#373a49
rgb(55,58,73)
-
#3f4354
#3f4354
rgb(63,67,84)
-
#474c5f
#474c5f
rgb(71,76,95)
-
#50556a
#50556a
rgb(80,85,106)
-
#585e76
#585e76
rgb(88,94,118)
-
#616781
#616781
rgb(97,103,129)
-
#69708c
#69708c
rgb(105,112,140)
-
#737996
#737996
rgb(115,121,150)
-
#7e849e
#7e849e
rgb(126,132,158)
-
#898fa7
#898fa7
rgb(137,143,167)
-
#949aaf
#949aaf
rgb(148,154,175)
-
#a0a4b7
#a0a4b7
rgb(160,164,183)
-
#abafc0
#abafc0
rgb(171,175,192)
-
#b6bac8
#b6bac8
rgb(182,186,200)
-
#c1c4d1
#c1c4d1
rgb(193,196,209)
-
#cccfd9
#cccfd9
rgb(204,207,217)
-
#d8dae2
#d8dae2
rgb(216,218,226)
-
#e3e4ea
#e3e4ea
rgb(227,228,234)
-
#eeeff2
#eeeff2
rgb(238,239,242)
-
#f9fafb
#f9fafb
rgb(249,250,251)
Tones of #3f4354
A tone is produced by adding gray to any pure hue. In this case, #45474e is the less saturated color, while #011d92 is the most saturated one.
-
#45474e
#45474e
rgb(69,71,78)
-
#3f4354
#3f4354
rgb(63,67,84)
-
#39405a
#39405a
rgb(57,64,90)
-
#343c5f
#343c5f
rgb(52,60,95)
-
#2e3965
#2e3965
rgb(46,57,101)
-
#28356b
#28356b
rgb(40,53,107)
-
#233270
#233270
rgb(35,50,112)
-
#1d2e76
#1d2e76
rgb(29,46,118)
-
#172b7c
#172b7c
rgb(23,43,124)
-
#122781
#122781
rgb(18,39,129)
-
#0c2487
#0c2487
rgb(12,36,135)
-
#06208d
#06208d
rgb(6,32,141)
-
#011d92
#011d92
rgb(1,29,146)
Color Blindness Simulator
Below, you can see how #3f4354 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.