#344a48 Color Information
In a RGB color space, hex #344a48 is composed of 20.4% red, 29% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 0% magenta, 2.7% yellow and 71% black. It has a hue angle of 174.5 degrees, a saturation of 17.5% and a lightness of 24.7%. #344a48 color hex could be obtained by blending #689490 with #000000. Closest websafe color is: #333333.
-
- R 20
- G 29
- B 28
-
- C 30
- M 0
- Y 3
- K 71
● #344a48 color description : Very dark grayish cyan.
#344a48 Color Conversion
The hexadecimal color #344a48 has RGB values of R:52, G:74, B:72 and CMYK values of C:0.3, M:0, Y:0.03, K:0.71. Its decimal value is 3426888.
Hex triplet | 344a48 | #344a48 |
---|---|---|
RGB Decimal | 52, 74, 72 | rgb(52,74,72) |
RGB Percent | 20.4, 29, 28.2 | rgb(20.4%,29%,28.2%) |
CMYK | 30, 0, 3, 71 | |
HSL | 174.5°, 17.5, 24.7 | hsl(174.5,17.5%,24.7%) |
HSV (or HSB) | 174.5°, 29.7, 29 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 29.652, -8.999, -1.57 |
---|---|
XYZ | 5.034, 6.095, 7.042 |
xyY | 0.277, 0.335, 6.095 |
CIE-LCH | 29.652, 9.135, 189.894 |
CIE-LUV | 29.652, -10.249, -0.7 |
Hunter-Lab | 24.689, -6.807, 0.371 |
Binary | 00110100, 01001010, 01001000 |
Color Schemes with #344a48
Alternatives to #344a48
Below, you can see some colors close to #344a48. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344a48 Preview
This text has a font color of #344a48.
<span style="color:#344a48;">Text here</span>
This paragraph has a background color of #344a48.
<p style="background-color:#344a48;">Content here</p>
This element has a border color of #344a48.
<div style="border:1px solid #344a48;">Content here</div>
.text {color:#344a48;}
.background {background-color:#344a48;}
.border {border:1px solid #344a48;}
Shades and Tints of #344a48
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, #030505 is the darkest color, while #f8fafa is the lightest one.
-
#030505
#030505
rgb(3,5,5)
-
#0c1010
#0c1010
rgb(12,16,16)
-
#141c1b
#141c1b
rgb(20,28,27)
-
#1c2726
#1c2726
rgb(28,39,38)
-
#243332
#243332
rgb(36,51,50)
-
#2c3e3d
#2c3e3d
rgb(44,62,61)
-
#344a48
#344a48
rgb(52,74,72)
-
#3c5653
#3c5653
rgb(60,86,83)
-
#44615e
#44615e
rgb(68,97,94)
-
#4c6d6a
#4c6d6a
rgb(76,109,106)
-
#547875
#547875
rgb(84,120,117)
-
#5c8480
#5c8480
rgb(92,132,128)
-
#658f8b
#658f8b
rgb(101,143,139)
-
#6e9995
#6e9995
rgb(110,153,149)
-
#7aa19e
#7aa19e
rgb(122,161,158)
-
#85a9a6
#85a9a6
rgb(133,169,166)
-
#91b1ae
#91b1ae
rgb(145,177,174)
-
#9cbab7
#9cbab7
rgb(156,186,183)
-
#a8c2bf
#a8c2bf
rgb(168,194,191)
-
#b3cac8
#b3cac8
rgb(179,202,200)
-
#bfd2d0
#bfd2d0
rgb(191,210,208)
-
#cadad9
#cadad9
rgb(202,218,217)
-
#d6e2e1
#d6e2e1
rgb(214,226,225)
-
#e1eae9
#e1eae9
rgb(225,234,233)
-
#edf2f2
#edf2f2
rgb(237,242,242)
-
#f8fafa
#f8fafa
rgb(248,250,250)
Tones of #344a48
A tone is produced by adding gray to any pure hue. In this case, #3e4040 is the less saturated color, while #047a70 is the most saturated one.
-
#3e4040
#3e4040
rgb(62,64,64)
-
#394544
#394544
rgb(57,69,68)
-
#344a48
#344a48
rgb(52,74,72)
-
#2f4f4c
#2f4f4c
rgb(47,79,76)
-
#2a5450
#2a5450
rgb(42,84,80)
-
#255954
#255954
rgb(37,89,84)
-
#215d58
#215d58
rgb(33,93,88)
-
#1c625c
#1c625c
rgb(28,98,92)
-
#176760
#176760
rgb(23,103,96)
-
#126c64
#126c64
rgb(18,108,100)
-
#0d7168
#0d7168
rgb(13,113,104)
-
#08766c
#08766c
rgb(8,118,108)
-
#047a70
#047a70
rgb(4,122,112)
Color Blindness Simulator
Below, you can see how #344a48 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.