#3b4f63 Color Information
In a RGB color space, hex #3b4f63 is composed of 23.1% red, 31% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 40.4% cyan, 20.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 210 degrees, a saturation of 25.3% and a lightness of 31%. #3b4f63 color hex could be obtained by blending #769ec6 with #000000. Closest websafe color is: #336666.
-
- R 23
- G 31
- B 39
-
- C 40
- M 20
- Y 0
- K 61
● #3b4f63 color description : Very dark desaturated blue.
#3b4f63 Color Conversion
The hexadecimal color #3b4f63 has RGB values of R:59, G:79, B:99 and CMYK values of C:0.4, M:0.2, Y:0, K:0.61. Its decimal value is 3886947.
Hex triplet | 3b4f63 | #3b4f63 |
---|---|---|
RGB Decimal | 59, 79, 99 | rgb(59,79,99) |
RGB Percent | 23.1, 31, 38.8 | rgb(23.1%,31%,38.8%) |
CMYK | 40, 20, 0, 61 | |
HSL | 210°, 25.3, 31 | hsl(210,25.3%,31%) |
HSV (or HSB) | 210°, 40.4, 38.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.75, -2.04, -14.115 |
---|---|
XYZ | 6.851, 7.422, 12.875 |
xyY | 0.252, 0.273, 7.422 |
CIE-LCH | 32.75, 14.262, 261.776 |
CIE-LUV | 32.75, -9.825, -18.027 |
Hunter-Lab | 27.244, -2.788, -8.949 |
Binary | 00111011, 01001111, 01100011 |
Color Schemes with #3b4f63
Alternatives to #3b4f63
Below, you can see some colors close to #3b4f63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3b4f63 Preview
This text has a font color of #3b4f63.
<span style="color:#3b4f63;">Text here</span>
This paragraph has a background color of #3b4f63.
<p style="background-color:#3b4f63;">Content here</p>
This element has a border color of #3b4f63.
<div style="border:1px solid #3b4f63;">Content here</div>
.text {color:#3b4f63;}
.background {background-color:#3b4f63;}
.border {border:1px solid #3b4f63;}
Shades and Tints of #3b4f63
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, #000101 is the darkest color, while #f3f6f8 is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#080a0d
#080a0d
rgb(8,10,13)
-
#0f1419
#0f1419
rgb(15,20,25)
-
#161e26
#161e26
rgb(22,30,38)
-
#1e2832
#1e2832
rgb(30,40,50)
-
#25323e
#25323e
rgb(37,50,62)
-
#2c3b4a
#2c3b4a
rgb(44,59,74)
-
#344557
#344557
rgb(52,69,87)
-
#3b4f63
#3b4f63
rgb(59,79,99)
-
#42596f
#42596f
rgb(66,89,111)
-
#4a637c
#4a637c
rgb(74,99,124)
-
#516c88
#516c88
rgb(81,108,136)
-
#587694
#587694
rgb(88,118,148)
-
#6080a0
#6080a0
rgb(96,128,160)
-
#6c8aa8
#6c8aa8
rgb(108,138,168)
-
#7894af
#7894af
rgb(120,148,175)
-
#859db6
#859db6
rgb(133,157,182)
-
#91a7bd
#91a7bd
rgb(145,167,189)
-
#9db1c5
#9db1c5
rgb(157,177,197)
-
#aabbcc
#aabbcc
rgb(170,187,204)
-
#b6c5d3
#b6c5d3
rgb(182,197,211)
-
#c2cfdb
#c2cfdb
rgb(194,207,219)
-
#cfd8e2
#cfd8e2
rgb(207,216,226)
-
#dbe2e9
#dbe2e9
rgb(219,226,233)
-
#e7ecf1
#e7ecf1
rgb(231,236,241)
-
#f3f6f8
#f3f6f8
rgb(243,246,248)
Tones of #3b4f63
A tone is produced by adding gray to any pure hue. In this case, #4d4f51 is the less saturated color, while #044f9a is the most saturated one.
-
#4d4f51
#4d4f51
rgb(77,79,81)
-
#474f57
#474f57
rgb(71,79,87)
-
#414f5d
#414f5d
rgb(65,79,93)
-
#3b4f63
#3b4f63
rgb(59,79,99)
-
#354f69
#354f69
rgb(53,79,105)
-
#2f4f6f
#2f4f6f
rgb(47,79,111)
-
#294f75
#294f75
rgb(41,79,117)
-
#234f7b
#234f7b
rgb(35,79,123)
-
#1d4f81
#1d4f81
rgb(29,79,129)
-
#174f87
#174f87
rgb(23,79,135)
-
#104f8e
#104f8e
rgb(16,79,142)
-
#0a4f94
#0a4f94
rgb(10,79,148)
-
#044f9a
#044f9a
rgb(4,79,154)
Color Blindness Simulator
Below, you can see how #3b4f63 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.