#344f42 hex color

In a RGB color space, hex #344f42 is composed of 20.4% red, 31% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 34.2% cyan, 0% magenta, 16.5% yellow and 69% black. It has a hue angle of 151.1 degrees, a saturation of 20.6% and a lightness of 25.7%. #344f42 color hex could be obtained by blending #689e84 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 20
- G 31
- B 26
RGB color chart
- C 34
- M 0
- Y 16
- K 69
CMYK color chart

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

The hexadecimal color #344f42 has RGB values of R:52, G:79, B:66 and CMYK values of C:0.34, M:0, Y:0.16, K:0.69. Its decimal value is 3428162.

Hex triplet	344f42	`#344f42`
RGB Decimal	52, 79, 66	`rgb(52,79,66)`
RGB Percent	20.4, 31, 25.9	`rgb(20.4%,31%,25.9%)`
CMYK	34, 0, 16, 69
HSL	151.1°, 20.6, 25.7	`hsl(151.1,20.6%,25.7%)`
HSV (or HSB)	151.1°, 34.2, 31
Web Safe	336633	`#336633`

CIE-LAB	31.149, -13.476, 4.446
XYZ	5.195, 6.715, 6.176
xyY	0.287, 0.371, 6.715
CIE-LCH	31.149, 14.19, 161.74
CIE-LUV	31.149, -12.496, 6.999
Hunter-Lab	25.914, -9.563, 4.008
Binary	00110100, 01001111, 01000010

#344f42
```
#344f42 rgb(52,79,66)
```
#4f3441
```
#4f3441 rgb(79,52,65)
```

Complementary Color

#344f35
```
#344f35 rgb(52,79,53)
```
#344f42
```
#344f42 rgb(52,79,66)
```
#344f4f
```
#344f4f rgb(52,79,79)
```

Analogous Color

#4f3534
```
#4f3534 rgb(79,53,52)
```
#344f42
```
#344f42 rgb(52,79,66)
```
#4f344f
```
#4f344f rgb(79,52,79)
```

Split Complementary Color

#4f4234
```
#4f4234 rgb(79,66,52)
```
#344f42
```
#344f42 rgb(52,79,66)
```
#42344f
```
#42344f rgb(66,52,79)
```

Triadic Color

#414f34
```
#414f34 rgb(65,79,52)
```
#344f42
```
#344f42 rgb(52,79,66)
```
#42344f
```
#42344f rgb(66,52,79)
```
#4f3441
```
#4f3441 rgb(79,52,65)
```

Tetradic Color

#16211b
```
#16211b rgb(22,33,27)
```
#203028
```
#203028 rgb(32,48,40)
```
#2a4035
```
#2a4035 rgb(42,64,53)
```
#344f42
```
#344f42 rgb(52,79,66)
```
#3e5e4f
```
#3e5e4f rgb(62,94,79)
```
#486e5c
```
#486e5c rgb(72,110,92)
```
#527d69
```
#527d69 rgb(82,125,105)
```

Monochromatic Color

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

#344f3b
```
#344f3b rgb(52,79,59)
```
#344f3e
```
#344f3e rgb(52,79,62)
```
#344f40
```
#344f40 rgb(52,79,64)
```
#344f42
```
#344f42 rgb(52,79,66)
```
#344f44
```
#344f44 rgb(52,79,68)
```
#344f47
```
#344f47 rgb(52,79,71)
```
#344f49
```
#344f49 rgb(52,79,73)
```

Similar Colors

Text with hexadecimal color #344f42

This text has a font color of #344f42.

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

#344f42 background color

This paragraph has a background color of #344f42.

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

#344f42 border color

This element has a border color of #344f42.

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

CSS codes

.text {color:#344f42;}

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

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

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

#050807
```
#050807 rgb(5,8,7)
```
#0d1411
```
#0d1411 rgb(13,20,17)
```
#15201a
```
#15201a rgb(21,32,26)
```
#1d2c24
```
#1d2c24 rgb(29,44,36)
```
#24372e
```
#24372e rgb(36,55,46)
```
#2c4338
```
#2c4338 rgb(44,67,56)
```
#344f42
```
#344f42 rgb(52,79,66)
```
#3c5b4c
```
#3c5b4c rgb(60,91,76)
```
#446756
```
#446756 rgb(68,103,86)
```
#4b7260
```
#4b7260 rgb(75,114,96)
```
#537e6a
```
#537e6a rgb(83,126,106)
```
#5b8a73
```
#5b8a73 rgb(91,138,115)
```
#63967d
```
#63967d rgb(99,150,125)
```

Shade Color Variation

#6d9f87
```
#6d9f87 rgb(109,159,135)
```
#79a791
```
#79a791 rgb(121,167,145)
```
#85af9b
```
#85af9b rgb(133,175,155)
```
#91b6a4
```
#91b6a4 rgb(145,182,164)
```
#9dbeae
```
#9dbeae rgb(157,190,174)
```
#a8c6b8
```
#a8c6b8 rgb(168,198,184)
```
#b4cec1
```
#b4cec1 rgb(180,206,193)
```
#c0d6cb
```
#c0d6cb rgb(192,214,203)
```
#ccddd5
```
#ccddd5 rgb(204,221,213)
```
#d8e5df
```
#d8e5df rgb(216,229,223)
```
#e4ede8
```
#e4ede8 rgb(228,237,232)
```
#eff5f2
```
#eff5f2 rgb(239,245,242)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#3e4542
```
#3e4542 rgb(62,69,66)
```
#394a42
```
#394a42 rgb(57,74,66)
```
#344f42
```
#344f42 rgb(52,79,66)
```
#2f5442
```
#2f5442 rgb(47,84,66)
```
#2a5942
```
#2a5942 rgb(42,89,66)
```
#255e43
```
#255e43 rgb(37,94,67)
```
#206343
```
#206343 rgb(32,99,67)
```
#1b6843
```
#1b6843 rgb(27,104,67)
```
#166d43
```
#166d43 rgb(22,109,67)
```
#117243
```
#117243 rgb(17,114,67)
```
#0c7743
```
#0c7743 rgb(12,119,67)
```
#077c44
```
#077c44 rgb(7,124,68)
```
#028144
```
#028144 rgb(2,129,68)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#424744 Atypical Achromatopsia 0.001% of the population

Dichromacy

#565249 Protanopia 1% of men
#5c504e Deuteranopia 1% of men
#42555c Tritanopia 0.001% of the population

Trichromacy

#495146 Protanomaly 1% of men, 0.01% of women
#4d4f49 Deuteranomaly 6% of men, 0.4% of women
#3d5352 Tritanomaly 0.01% of the population

#344f42 hex color

#344f42 Color Information

#344f42 Color Conversion

Color Schemes with #344f42

Alternatives to #344f42

#344f42 Preview

Shades and Tints of #344f42

Tones of #344f42

Color Blindness Simulator