#344e4d hex color

In a RGB color space, hex #344e4d is composed of 20.4% red, 30.6% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 0% magenta, 1.3% yellow and 69.4% black. It has a hue angle of 177.7 degrees, a saturation of 20% and a lightness of 25.5%. #344e4d color hex could be obtained by blending #689c9a with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 31
- B 30
RGB color chart
- C 33
- M 0
- Y 1
- K 69
CMYK color chart

● #344e4d color description : Very dark grayish cyan.

The hexadecimal color #344e4d has RGB values of R:52, G:78, B:77 and CMYK values of C:0.33, M:0, Y:0.01, K:0.69. Its decimal value is 3427917.

Hex triplet	344e4d	`#344e4d`
RGB Decimal	52, 78, 77	`rgb(52,78,77)`
RGB Percent	20.4, 30.6, 30.2	`rgb(20.4%,30.6%,30.2%)`
CMYK	33, 0, 1, 69
HSL	177.7°, 20, 25.5	`hsl(177.7,20%,25.5%)`
HSV (or HSB)	177.7°, 33.3, 30.6
Web Safe	336666	`#336666`

CIE-LAB	31.148, -10.066, -2.576
XYZ	5.48, 6.714, 8.028
xyY	0.271, 0.332, 6.714
CIE-LCH	31.148, 10.39, 194.353
CIE-LUV	31.148, -11.983, -1.819
Hunter-Lab	25.912, -7.598, -0.231
Binary	00110100, 01001110, 01001101

#344e4d
```
#344e4d rgb(52,78,77)
```
#4e3435
```
#4e3435 rgb(78,52,53)
```

Complementary Color

#344e40
```
#344e40 rgb(52,78,64)
```
#344e4d
```
#344e4d rgb(52,78,77)
```
#34424e
```
#34424e rgb(52,66,78)
```

Analogous Color

#4e4034
```
#4e4034 rgb(78,64,52)
```
#344e4d
```
#344e4d rgb(52,78,77)
```
#4e3442
```
#4e3442 rgb(78,52,66)
```

Split Complementary Color

#4e4d34
```
#4e4d34 rgb(78,77,52)
```
#344e4d
```
#344e4d rgb(52,78,77)
```
#4d344e
```
#4d344e rgb(77,52,78)
```

Triadic Color

#354e34
```
#354e34 rgb(53,78,52)
```
#344e4d
```
#344e4d rgb(52,78,77)
```
#4d344e
```
#4d344e rgb(77,52,78)
```
#4e3435
```
#4e3435 rgb(78,52,53)
```

Tetradic Color

#152020
```
#152020 rgb(21,32,32)
```
#202f2f
```
#202f2f rgb(32,47,47)
```
#2a3f3e
```
#2a3f3e rgb(42,63,62)
```
#344e4d
```
#344e4d rgb(52,78,77)
```
#3e5d5c
```
#3e5d5c rgb(62,93,92)
```
#486d6b
```
#486d6b rgb(72,109,107)
```
#537c7a
```
#537c7a rgb(83,124,122)
```

Monochromatic Color

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

#344e47
```
#344e47 rgb(52,78,71)
```
#344e49
```
#344e49 rgb(52,78,73)
```
#344e4b
```
#344e4b rgb(52,78,75)
```
#344e4d
```
#344e4d rgb(52,78,77)
```
#344d4e
```
#344d4e rgb(52,77,78)
```
#344b4e
```
#344b4e rgb(52,75,78)
```
#34494e
```
#34494e rgb(52,73,78)
```

Similar Colors

Text with hexadecimal color #344e4d

This text has a font color of #344e4d.

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

#344e4d background color

This paragraph has a background color of #344e4d.

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

#344e4d border color

This element has a border color of #344e4d.

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

CSS codes

.text {color:#344e4d;}

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

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

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

#050707
```
#050707 rgb(5,7,7)
```
#0d1313
```
#0d1313 rgb(13,19,19)
```
#151f1f
```
#151f1f rgb(21,31,31)
```
#1c2b2a
```
#1c2b2a rgb(28,43,42)
```
#243636
```
#243636 rgb(36,54,54)
```
#2c4241
```
#2c4241 rgb(44,66,65)
```
#344e4d
```
#344e4d rgb(52,78,77)
```
#3c5a59
```
#3c5a59 rgb(60,90,89)
```
#446664
```
#446664 rgb(68,102,100)
```
#4c7170
```
#4c7170 rgb(76,113,112)
```
#537d7b
```
#537d7b rgb(83,125,123)
```
#5b8987
```
#5b8987 rgb(91,137,135)
```
#639593
```
#639593 rgb(99,149,147)
```

Shade Color Variation

#6d9e9c
```
#6d9e9c rgb(109,158,156)
```
#79a6a4
```
#79a6a4 rgb(121,166,164)
```
#85aeac
```
#85aeac rgb(133,174,172)
```
#91b5b4
```
#91b5b4 rgb(145,181,180)
```
#9cbdbc
```
#9cbdbc rgb(156,189,188)
```
#a8c5c4
```
#a8c5c4 rgb(168,197,196)
```
#b4cdcc
```
#b4cdcc rgb(180,205,204)
```
#c0d5d4
```
#c0d5d4 rgb(192,213,212)
```
#ccdddc
```
#ccdddc rgb(204,221,220)
```
#d7e5e4
```
#d7e5e4 rgb(215,229,228)
```
#e3ecec
```
#e3ecec rgb(227,236,236)
```
#eff4f4
```
#eff4f4 rgb(239,244,244)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#3e4444
```
#3e4444 rgb(62,68,68)
```
#394948
```
#394948 rgb(57,73,72)
```
#344e4d
```
#344e4d rgb(52,78,77)
```
#2f5352
```
#2f5352 rgb(47,83,82)
```
#2a5856
```
#2a5856 rgb(42,88,86)
```
#255d5b
```
#255d5b rgb(37,93,91)
```
#20625f
```
#20625f rgb(32,98,95)
```
#1b6764
```
#1b6764 rgb(27,103,100)
```
#166c69
```
#166c69 rgb(22,108,105)
```
#11716d
```
#11716d rgb(17,113,109)
```
#0c7672
```
#0c7672 rgb(12,118,114)
```
#077b77
```
#077b77 rgb(7,123,119)
```
#02807b
```
#02807b rgb(2,128,123)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#424847 Atypical Achromatopsia 0.001% of the population

Dichromacy

#535253 Protanopia 1% of men
#575058 Deuteranopia 1% of men
#40565c Tritanopia 0.001% of the population

Trichromacy

#485051 Protanomaly 1% of men, 0.01% of women
#4a4f54 Deuteranomaly 6% of men, 0.4% of women
#3b5356 Tritanomaly 0.01% of the population

#344e4d hex color

#344e4d Color Information

#344e4d Color Conversion

Color Schemes with #344e4d

Alternatives to #344e4d

#344e4d Preview

Shades and Tints of #344e4d

Tones of #344e4d

Color Blindness Simulator