#343b48 Color Information
In a RGB color space, hex #343b48 is composed of 20.4% red, 23.1% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 27.8% cyan, 18.1% magenta, 0% yellow and 71.8% black. It has a hue angle of 219 degrees, a saturation of 16.1% and a lightness of 24.3%. #343b48 color hex could be obtained by blending #687690 with #000000. Closest websafe color is: #333333.
-
- R 20
- G 23
- B 28
-
- C 28
- M 18
- Y 0
- K 72
● #343b48 color description : Very dark grayish blue.
#343b48 Color Conversion
The hexadecimal color #343b48 has RGB values of R:52, G:59, B:72 and CMYK values of C:0.28, M:0.18, Y:0, K:0.72. Its decimal value is 3423048.
Hex triplet | 343b48 | #343b48 |
---|---|---|
RGB Decimal | 52, 59, 72 | rgb(52,59,72) |
RGB Percent | 20.4, 23.1, 28.2 | rgb(20.4%,23.1%,28.2%) |
CMYK | 28, 18, 0, 72 | |
HSL | 219°, 16.1, 24.3 | hsl(219,16.1%,24.3%) |
HSV (or HSB) | 219°, 27.8, 28.2 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 24.72, 0.54, -8.935 |
---|---|
XYZ | 4.15, 4.326, 6.747 |
xyY | 0.273, 0.284, 4.326 |
CIE-LCH | 24.72, 8.951, 273.458 |
CIE-LUV | 24.72, -3.831, -10.365 |
Hunter-Lab | 20.799, -0.784, -4.674 |
Binary | 00110100, 00111011, 01001000 |
Color Schemes with #343b48
Alternatives to #343b48
Below, you can see some colors close to #343b48. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#343b48 Preview
This text has a font color of #343b48.
<span style="color:#343b48;">Text here</span>
This paragraph has a background color of #343b48.
<p style="background-color:#343b48;">Content here</p>
This element has a border color of #343b48.
<div style="border:1px solid #343b48;">Content here</div>
.text {color:#343b48;}
.background {background-color:#343b48;}
.border {border:1px solid #343b48;}
Shades and Tints of #343b48
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, #030304 is the darkest color, while #f7f8f9 is the lightest one.
-
#030304
#030304
rgb(3,3,4)
-
#0b0c0f
#0b0c0f
rgb(11,12,15)
-
#13161a
#13161a
rgb(19,22,26)
-
#1b1f26
#1b1f26
rgb(27,31,38)
-
#242831
#242831
rgb(36,40,49)
-
#2c323d
#2c323d
rgb(44,50,61)
-
#343b48
#343b48
rgb(52,59,72)
-
#3c4453
#3c4453
rgb(60,68,83)
-
#444e5f
#444e5f
rgb(68,78,95)
-
#4d576a
#4d576a
rgb(77,87,106)
-
#556076
#556076
rgb(85,96,118)
-
#5d6a81
#5d6a81
rgb(93,106,129)
-
#65738c
#65738c
rgb(101,115,140)
-
#6f7d97
#6f7d97
rgb(111,125,151)
-
#7a879f
#7a879f
rgb(122,135,159)
-
#8591a7
#8591a7
rgb(133,145,167)
-
#919baf
#919baf
rgb(145,155,175)
-
#9ca6b8
#9ca6b8
rgb(156,166,184)
-
#a8b0c0
#a8b0c0
rgb(168,176,192)
-
#b3bac8
#b3bac8
rgb(179,186,200)
-
#bec5d0
#bec5d0
rgb(190,197,208)
-
#cacfd9
#cacfd9
rgb(202,207,217)
-
#d5d9e1
#d5d9e1
rgb(213,217,225)
-
#e0e3e9
#e0e3e9
rgb(224,227,233)
-
#eceef1
#eceef1
rgb(236,238,241)
-
#f7f8f9
#f7f8f9
rgb(247,248,249)
Tones of #343b48
A tone is produced by adding gray to any pure hue. In this case, #3e3e3e is the less saturated color, while #042d78 is the most saturated one.
-
#3e3e3e
#3e3e3e
rgb(62,62,62)
-
#393c43
#393c43
rgb(57,60,67)
-
#343b48
#343b48
rgb(52,59,72)
-
#2f3a4d
#2f3a4d
rgb(47,58,77)
-
#2a3852
#2a3852
rgb(42,56,82)
-
#263756
#263756
rgb(38,55,86)
-
#21355b
#21355b
rgb(33,53,91)
-
#1c3460
#1c3460
rgb(28,52,96)
-
#173265
#173265
rgb(23,50,101)
-
#133169
#133169
rgb(19,49,105)
-
#0e306e
#0e306e
rgb(14,48,110)
-
#092e73
#092e73
rgb(9,46,115)
-
#042d78
#042d78
rgb(4,45,120)
Color Blindness Simulator
Below, you can see how #343b48 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.