#344c52 hex color

In a RGB color space, hex #344c52 is composed of 20.4% red, 29.8% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 7.3% magenta, 0% yellow and 67.8% black. It has a hue angle of 192 degrees, a saturation of 22.4% and a lightness of 26.3%. #344c52 color hex could be obtained by blending #6898a4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 30
- B 32
RGB color chart
- C 37
- M 7
- Y 0
- K 68
CMYK color chart

● #344c52 color description : Very dark desaturated cyan.

The hexadecimal color #344c52 has RGB values of R:52, G:76, B:82 and CMYK values of C:0.37, M:0.07, Y:0, K:0.68. Its decimal value is 3427410.

Hex triplet	344c52	`#344c52`
RGB Decimal	52, 76, 82	`rgb(52,76,82)`
RGB Percent	20.4, 29.8, 32.2	`rgb(20.4%,29.8%,32.2%)`
CMYK	37, 7, 0, 68
HSL	192°, 22.4, 26.3	`hsl(192,22.4%,26.3%)`
HSV (or HSB)	192°, 36.6, 32.2
Web Safe	333366	`#333366`

CIE-LAB	30.659, -7.451, -6.504
XYZ	5.523, 6.508, 8.947
xyY	0.263, 0.31, 6.508
CIE-LCH	30.659, 9.89, 221.116
CIE-LUV	30.659, -11.109, -7.068
Hunter-Lab	25.511, -5.997, -2.937
Binary	00110100, 01001100, 01010010

#344c52
```
#344c52 rgb(52,76,82)
```
#523a34
```
#523a34 rgb(82,58,52)
```

Complementary Color

#345249
```
#345249 rgb(52,82,73)
```
#344c52
```
#344c52 rgb(52,76,82)
```
#343d52
```
#343d52 rgb(52,61,82)
```

Analogous Color

#524934
```
#524934 rgb(82,73,52)
```
#344c52
```
#344c52 rgb(52,76,82)
```
#52343d
```
#52343d rgb(82,52,61)
```

Split Complementary Color

#4c5234
```
#4c5234 rgb(76,82,52)
```
#344c52
```
#344c52 rgb(52,76,82)
```
#52344c
```
#52344c rgb(82,52,76)
```

Triadic Color

#34523a
```
#34523a rgb(52,82,58)
```
#344c52
```
#344c52 rgb(52,76,82)
```
#52344c
```
#52344c rgb(82,52,76)
```
#523a34
```
#523a34 rgb(82,58,52)
```

Tetradic Color

#162123
```
#162123 rgb(22,33,35)
```
#202f33
```
#202f33 rgb(32,47,51)
```
#2a3e42
```
#2a3e42 rgb(42,62,66)
```
#344c52
```
#344c52 rgb(52,76,82)
```
#3e5a62
```
#3e5a62 rgb(62,90,98)
```
#486971
```
#486971 rgb(72,105,113)
```
#527781
```
#527781 rgb(82,119,129)
```

Monochromatic Color

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

#345251
```
#345251 rgb(52,82,81)
```
#345152
```
#345152 rgb(52,81,82)
```
#344f52
```
#344f52 rgb(52,79,82)
```
#344c52
```
#344c52 rgb(52,76,82)
```
#344a52
```
#344a52 rgb(52,74,82)
```
#344752
```
#344752 rgb(52,71,82)
```
#344552
```
#344552 rgb(52,69,82)
```

Similar Colors

Text with hexadecimal color #344c52

This text has a font color of #344c52.

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

#344c52 background color

This paragraph has a background color of #344c52.

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

#344c52 border color

This element has a border color of #344c52.

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

CSS codes

.text {color:#344c52;}

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

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

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, #06090a is the darkest color, while #fdfefe is the lightest one.

#06090a
```
#06090a rgb(6,9,10)
```
#0e1416
```
#0e1416 rgb(14,20,22)
```
#161f22
```
#161f22 rgb(22,31,34)
```
#1d2b2e
```
#1d2b2e rgb(29,43,46)
```
#25363a
```
#25363a rgb(37,54,58)
```
#2c4146
```
#2c4146 rgb(44,65,70)
```
#344c52
```
#344c52 rgb(52,76,82)
```
#3c575e
```
#3c575e rgb(60,87,94)
```
#43626a
```
#43626a rgb(67,98,106)
```
#4b6d76
```
#4b6d76 rgb(75,109,118)
```
#527982
```
#527982 rgb(82,121,130)
```
#5a848e
```
#5a848e rgb(90,132,142)
```
#628f9a
```
#628f9a rgb(98,143,154)
```

Shade Color Variation

#6d98a2
```
#6d98a2 rgb(109,152,162)
```
#79a0aa
```
#79a0aa rgb(121,160,170)
```
#85a9b2
```
#85a9b2 rgb(133,169,178)
```
#91b1b9
```
#91b1b9 rgb(145,177,185)
```
#9dbac1
```
#9dbac1 rgb(157,186,193)
```
#a9c2c8
```
#a9c2c8 rgb(169,194,200)
```
#b5cbd0
```
#b5cbd0 rgb(181,203,208)
```
#c1d3d8
```
#c1d3d8 rgb(193,211,216)
```
#cddcdf
```
#cddcdf rgb(205,220,223)
```
#d9e4e7
```
#d9e4e7 rgb(217,228,231)
```
#e5edee
```
#e5edee rgb(229,237,238)
```
#f1f5f6
```
#f1f5f6 rgb(241,245,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#3e4648
```
#3e4648 rgb(62,70,72)
```
#39494d
```
#39494d rgb(57,73,77)
```
#344c52
```
#344c52 rgb(52,76,82)
```
#2f4f57
```
#2f4f57 rgb(47,79,87)
```
#2a525c
```
#2a525c rgb(42,82,92)
```
#255561
```
#255561 rgb(37,85,97)
```
#1f5867
```
#1f5867 rgb(31,88,103)
```
#1a5b6c
```
#1a5b6c rgb(26,91,108)
```
#155f71
```
#155f71 rgb(21,95,113)
```
#106276
```
#106276 rgb(16,98,118)
```
#0b657b
```
#0b657b rgb(11,101,123)
```
#066880
```
#066880 rgb(6,104,128)
```
#006b86
```
#006b86 rgb(0,107,134)
```

Tone Color Variation

Below, you can see how #344c52 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
#424748 Atypical Achromatopsia 0.001% of the population

Dichromacy

#505158 Protanopia 1% of men
#534f5c Deuteranopia 1% of men
#3e555b Tritanopia 0.001% of the population

Trichromacy

#464f56 Protanomaly 1% of men, 0.01% of women
#484e58 Deuteranomaly 6% of men, 0.4% of women
#3a5158 Tritanomaly 0.01% of the population

#344c52 hex color

#344c52 Color Information

#344c52 Color Conversion

Color Schemes with #344c52

Alternatives to #344c52

#344c52 Preview

Shades and Tints of #344c52

Tones of #344c52

Color Blindness Simulator