#344a45 Color Information
In a RGB color space, hex #344a45 is composed of 20.4% red, 29% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 0% magenta, 6.8% yellow and 71% black. It has a hue angle of 166.4 degrees, a saturation of 17.5% and a lightness of 24.7%. #344a45 color hex could be obtained by blending #68948a with #000000. Closest websafe color is: #333333.
-
- R 20
- G 29
- B 27
-
- C 30
- M 0
- Y 7
- K 71
● #344a45 color description : Very dark grayish cyan.
#344a45 Color Conversion
The hexadecimal color #344a45 has RGB values of R:52, G:74, B:69 and CMYK values of C:0.3, M:0, Y:0.07, K:0.71. Its decimal value is 3426885.
Hex triplet | 344a45 | #344a45 |
---|---|---|
RGB Decimal | 52, 74, 69 | rgb(52,74,69) |
RGB Percent | 20.4, 29, 27.1 | rgb(20.4%,29%,27.1%) |
CMYK | 30, 0, 7, 71 | |
HSL | 166.4°, 17.5, 24.7 | hsl(166.4,17.5%,24.7%) |
HSV (or HSB) | 166.4°, 29.7, 29 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 29.556, -9.782, 0.224 |
---|---|
XYZ | 4.939, 6.057, 6.539 |
xyY | 0.282, 0.345, 6.057 |
CIE-LCH | 29.556, 9.785, 178.686 |
CIE-LUV | 29.556, -10.246, 1.539 |
Hunter-Lab | 24.611, -7.249, 1.475 |
Binary | 00110100, 01001010, 01000101 |
Color Schemes with #344a45
Alternatives to #344a45
Below, you can see some colors close to #344a45. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344a45 Preview
This text has a font color of #344a45.
<span style="color:#344a45;">Text here</span>
This paragraph has a background color of #344a45.
<p style="background-color:#344a45;">Content here</p>
This element has a border color of #344a45.
<div style="border:1px solid #344a45;">Content here</div>
.text {color:#344a45;}
.background {background-color:#344a45;}
.border {border:1px solid #344a45;}
Shades and Tints of #344a45
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)
-
#0c100f
#0c100f
rgb(12,16,15)
-
#141c1a
#141c1a
rgb(20,28,26)
-
#1c2725
#1c2725
rgb(28,39,37)
-
#243330
#243330
rgb(36,51,48)
-
#2c3e3a
#2c3e3a
rgb(44,62,58)
-
#344a45
#344a45
rgb(52,74,69)
-
#3c5650
#3c5650
rgb(60,86,80)
-
#44615a
#44615a
rgb(68,97,90)
-
#4c6d65
#4c6d65
rgb(76,109,101)
-
#547870
#547870
rgb(84,120,112)
-
#5c847b
#5c847b
rgb(92,132,123)
-
#658f85
#658f85
rgb(101,143,133)
-
#6e998f
#6e998f
rgb(110,153,143)
-
#7aa198
#7aa198
rgb(122,161,152)
-
#85a9a1
#85a9a1
rgb(133,169,161)
-
#91b1aa
#91b1aa
rgb(145,177,170)
-
#9cbab3
#9cbab3
rgb(156,186,179)
-
#a8c2bc
#a8c2bc
rgb(168,194,188)
-
#b3cac5
#b3cac5
rgb(179,202,197)
-
#bfd2ce
#bfd2ce
rgb(191,210,206)
-
#cadad6
#cadad6
rgb(202,218,214)
-
#d6e2df
#d6e2df
rgb(214,226,223)
-
#e1eae8
#e1eae8
rgb(225,234,232)
-
#edf2f1
#edf2f1
rgb(237,242,241)
-
#f8fafa
#f8fafa
rgb(248,250,250)
Tones of #344a45
A tone is produced by adding gray to any pure hue. In this case, #3e4040 is the less saturated color, while #047a5f is the most saturated one.
-
#3e4040
#3e4040
rgb(62,64,64)
-
#394542
#394542
rgb(57,69,66)
-
#344a45
#344a45
rgb(52,74,69)
-
#2f4f48
#2f4f48
rgb(47,79,72)
-
#2a544a
#2a544a
rgb(42,84,74)
-
#25594d
#25594d
rgb(37,89,77)
-
#215d50
#215d50
rgb(33,93,80)
-
#1c6252
#1c6252
rgb(28,98,82)
-
#176755
#176755
rgb(23,103,85)
-
#126c58
#126c58
rgb(18,108,88)
-
#0d715a
#0d715a
rgb(13,113,90)
-
#08765d
#08765d
rgb(8,118,93)
-
#047a5f
#047a5f
rgb(4,122,95)
Color Blindness Simulator
Below, you can see how #344a45 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.