#344a44 hex color

In a RGB color space, hex #344a44 is composed of 20.4% red, 29% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 0% magenta, 8.1% yellow and 71% black. It has a hue angle of 163.6 degrees, a saturation of 17.5% and a lightness of 24.7%. #344a44 color hex could be obtained by blending #689488 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 29
- B 27
RGB color chart
- C 30
- M 0
- Y 8
- K 71
CMYK color chart

● #344a44 color description : Very dark grayish cyan - lime green.

The hexadecimal color #344a44 has RGB values of R:52, G:74, B:68 and CMYK values of C:0.3, M:0, Y:0.08, K:0.71. Its decimal value is 3426884.

Hex triplet	344a44	`#344a44`
RGB Decimal	52, 74, 68	`rgb(52,74,68)`
RGB Percent	20.4, 29, 26.7	`rgb(20.4%,29%,26.7%)`
CMYK	30, 0, 8, 71
HSL	163.6°, 17.5, 24.7	`hsl(163.6,17.5%,24.7%)`
HSV (or HSB)	163.6°, 29.7, 29
Web Safe	333333	`#333333`

CIE-LAB	29.525, -10.037, 0.824
XYZ	4.908, 6.045, 6.377
xyY	0.283, 0.349, 6.045
CIE-LCH	29.525, 10.071, 175.308
CIE-LUV	29.525, -10.245, 2.276
Hunter-Lab	24.586, -7.392, 1.833
Binary	00110100, 01001010, 01000100

#344a44
```
#344a44 rgb(52,74,68)
```
#4a343a
```
#4a343a rgb(74,52,58)
```

Complementary Color

#344a39
```
#344a39 rgb(52,74,57)
```
#344a44
```
#344a44 rgb(52,74,68)
```
#34454a
```
#34454a rgb(52,69,74)
```

Analogous Color

#4a3934
```
#4a3934 rgb(74,57,52)
```
#344a44
```
#344a44 rgb(52,74,68)
```
#4a3445
```
#4a3445 rgb(74,52,69)
```

Split Complementary Color

#4a4434
```
#4a4434 rgb(74,68,52)
```
#344a44
```
#344a44 rgb(52,74,68)
```
#44344a
```
#44344a rgb(68,52,74)
```

Triadic Color

#3a4a34
```
#3a4a34 rgb(58,74,52)
```
#344a44
```
#344a44 rgb(52,74,68)
```
#44344a
```
#44344a rgb(68,52,74)
```
#4a343a
```
#4a343a rgb(74,52,58)
```

Tetradic Color

#141d1b
```
#141d1b rgb(20,29,27)
```
#1f2c28
```
#1f2c28 rgb(31,44,40)
```
#293b36
```
#293b36 rgb(41,59,54)
```
#344a44
```
#344a44 rgb(52,74,68)
```
#3f5952
```
#3f5952 rgb(63,89,82)
```
#496860
```
#496860 rgb(73,104,96)
```
#54776d
```
#54776d rgb(84,119,109)
```

Monochromatic Color

Below, you can see some colors close to #344a44. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#344a3f
```
#344a3f rgb(52,74,63)
```
#344a40
```
#344a40 rgb(52,74,64)
```
#344a42
```
#344a42 rgb(52,74,66)
```
#344a44
```
#344a44 rgb(52,74,68)
```
#344a46
```
#344a46 rgb(52,74,70)
```
#344a48
```
#344a48 rgb(52,74,72)
```
#344a4a
```
#344a4a rgb(52,74,74)
```

Similar Colors

Text with hexadecimal color #344a44

This text has a font color of #344a44.

<span style="color:#344a44;">Text here</span>

#344a44 background color

This paragraph has a background color of #344a44.

<p style="background-color:#344a44;">Content here</p>

#344a44 border color

This element has a border color of #344a44.

<div style="border:1px solid #344a44;">Content here</div>

CSS codes

.text {color:#344a44;}

.background {background-color:#344a44;}

.border {border:1px solid #344a44;}

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, #030504 is the darkest color, while #f8fafa is the lightest one.

#030504
```
#030504 rgb(3,5,4)
```
#0c100f
```
#0c100f rgb(12,16,15)
```
#141c1a
```
#141c1a rgb(20,28,26)
```
#1c2724
```
#1c2724 rgb(28,39,36)
```
#24332f
```
#24332f rgb(36,51,47)
```
#2c3e39
```
#2c3e39 rgb(44,62,57)
```
#344a44
```
#344a44 rgb(52,74,68)
```
#3c564f
```
#3c564f rgb(60,86,79)
```
#446159
```
#446159 rgb(68,97,89)
```
#4c6d64
```
#4c6d64 rgb(76,109,100)
```
#54786e
```
#54786e rgb(84,120,110)
```
#5c8479
```
#5c8479 rgb(92,132,121)
```
#658f84
```
#658f84 rgb(101,143,132)
```

Shade Color Variation

#6e998d
```
#6e998d rgb(110,153,141)
```
#7aa196
```
#7aa196 rgb(122,161,150)
```
#85a9a0
```
#85a9a0 rgb(133,169,160)
```
#91b1a9
```
#91b1a9 rgb(145,177,169)
```
#9cbab2
```
#9cbab2 rgb(156,186,178)
```
#a8c2bb
```
#a8c2bb rgb(168,194,187)
```
#b3cac4
```
#b3cac4 rgb(179,202,196)
```
#bfd2cd
```
#bfd2cd rgb(191,210,205)
```
#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)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3e4040 is the less saturated color, while #047a5a is the most saturated one.

#3e4040
```
#3e4040 rgb(62,64,64)
```
#394542
```
#394542 rgb(57,69,66)
```
#344a44
```
#344a44 rgb(52,74,68)
```
#2f4f46
```
#2f4f46 rgb(47,79,70)
```
#2a5448
```
#2a5448 rgb(42,84,72)
```
#25594b
```
#25594b rgb(37,89,75)
```
#215d4d
```
#215d4d rgb(33,93,77)
```
#1c624f
```
#1c624f rgb(28,98,79)
```
#176751
```
#176751 rgb(23,103,81)
```
#126c53
```
#126c53 rgb(18,108,83)
```
#0d7156
```
#0d7156 rgb(13,113,86)
```
#087658
```
#087658 rgb(8,118,88)
```
#047a5a
```
#047a5a rgb(4,122,90)
```

Tone Color Variation

Below, you can see how #344a44 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.

Monochromacy

#434343 Achromatopsia 0.005% of the population
#404443 Atypical Achromatopsia 0.001% of the population

Dichromacy

#514e4b Protanopia 1% of men
#564c4f Deuteranopia 1% of men
#415157 Tritanopia 0.001% of the population

Trichromacy

#464d48 Protanomaly 1% of men, 0.01% of women
#494b4b Deuteranomaly 6% of men, 0.4% of women
#3c4f50 Tritanomaly 0.01% of the population

#344a44 hex color

#344a44 Color Information

#344a44 Color Conversion

Color Schemes with #344a44

Alternatives to #344a44

#344a44 Preview

Shades and Tints of #344a44

Tones of #344a44

Color Blindness Simulator