#344b52 hex color

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

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

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

The hexadecimal color #344b52 has RGB values of R:52, G:75, B:82 and CMYK values of C:0.37, M:0.09, Y:0, K:0.68. Its decimal value is 3427154.

Hex triplet	344b52	`#344b52`
RGB Decimal	52, 75, 82	`rgb(52,75,82)`
RGB Percent	20.4, 29.4, 32.2	`rgb(20.4%,29.4%,32.2%)`
CMYK	37, 9, 0, 68
HSL	194°, 22.4, 26.3	`hsl(194,22.4%,26.3%)`
HSV (or HSB)	194°, 36.6, 32.2
Web Safe	333366	`#333366`

CIE-LAB	30.33, -6.835, -6.997
XYZ	5.455, 6.371, 8.925
xyY	0.263, 0.307, 6.371
CIE-LCH	30.33, 9.782, 225.672
CIE-LUV	30.33, -10.687, -7.747
Hunter-Lab	25.241, -5.597, -3.294
Binary	00110100, 01001011, 01010010

#344b52
```
#344b52 rgb(52,75,82)
```
#523b34
```
#523b34 rgb(82,59,52)
```

Complementary Color

#34524a
```
#34524a rgb(52,82,74)
```
#344b52
```
#344b52 rgb(52,75,82)
```
#343c52
```
#343c52 rgb(52,60,82)
```

Analogous Color

#524a34
```
#524a34 rgb(82,74,52)
```
#344b52
```
#344b52 rgb(52,75,82)
```
#52343c
```
#52343c rgb(82,52,60)
```

Split Complementary Color

#4b5234
```
#4b5234 rgb(75,82,52)
```
#344b52
```
#344b52 rgb(52,75,82)
```
#52344b
```
#52344b rgb(82,52,75)
```

Triadic Color

#34523b
```
#34523b rgb(52,82,59)
```
#344b52
```
#344b52 rgb(52,75,82)
```
#52344b
```
#52344b rgb(82,52,75)
```
#523b34
```
#523b34 rgb(82,59,52)
```

Tetradic Color

#162023
```
#162023 rgb(22,32,35)
```
#202e33
```
#202e33 rgb(32,46,51)
```
#2a3d42
```
#2a3d42 rgb(42,61,66)
```
#344b52
```
#344b52 rgb(52,75,82)
```
#3e5962
```
#3e5962 rgb(62,89,98)
```
#486871
```
#486871 rgb(72,104,113)
```
#527681
```
#527681 rgb(82,118,129)
```

Monochromatic Color

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

#345252
```
#345252 rgb(52,82,82)
```
#345052
```
#345052 rgb(52,80,82)
```
#344e52
```
#344e52 rgb(52,78,82)
```
#344b52
```
#344b52 rgb(52,75,82)
```
#344952
```
#344952 rgb(52,73,82)
```
#344652
```
#344652 rgb(52,70,82)
```
#344452
```
#344452 rgb(52,68,82)
```

Similar Colors

Text with hexadecimal color #344b52

This text has a font color of #344b52.

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

#344b52 background color

This paragraph has a background color of #344b52.

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

#344b52 border color

This element has a border color of #344b52.

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

CSS codes

.text {color:#344b52;}

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

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

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)
```
#1d2a2e
```
#1d2a2e rgb(29,42,46)
```
#25353a
```
#25353a rgb(37,53,58)
```
#2c4046
```
#2c4046 rgb(44,64,70)
```
#344b52
```
#344b52 rgb(52,75,82)
```
#3c565e
```
#3c565e rgb(60,86,94)
```
#43616a
```
#43616a rgb(67,97,106)
```
#4b6c76
```
#4b6c76 rgb(75,108,118)
```
#527782
```
#527782 rgb(82,119,130)
```
#5a828e
```
#5a828e rgb(90,130,142)
```
#628d9a
```
#628d9a rgb(98,141,154)
```

Shade Color Variation

#6d96a2
```
#6d96a2 rgb(109,150,162)
```
#799faa
```
#799faa rgb(121,159,170)
```
#85a7b2
```
#85a7b2 rgb(133,167,178)
```
#91b0b9
```
#91b0b9 rgb(145,176,185)
```
#9db8c1
```
#9db8c1 rgb(157,184,193)
```
#a9c1c8
```
#a9c1c8 rgb(169,193,200)
```
#b5cad0
```
#b5cad0 rgb(181,202,208)
```
#c1d2d8
```
#c1d2d8 rgb(193,210,216)
```
#cddbdf
```
#cddbdf rgb(205,219,223)
```
#d9e4e7
```
#d9e4e7 rgb(217,228,231)
```
#e5ecee
```
#e5ecee rgb(229,236,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 #006686 is the most saturated one.

#3e4648
```
#3e4648 rgb(62,70,72)
```
#39484d
```
#39484d rgb(57,72,77)
```
#344b52
```
#344b52 rgb(52,75,82)
```
#2f4e57
```
#2f4e57 rgb(47,78,87)
```
#2a505c
```
#2a505c rgb(42,80,92)
```
#255361
```
#255361 rgb(37,83,97)
```
#1f5667
```
#1f5667 rgb(31,86,103)
```
#1a596c
```
#1a596c rgb(26,89,108)
```
#155b71
```
#155b71 rgb(21,91,113)
```
#105e76
```
#105e76 rgb(16,94,118)
```
#0b617b
```
#0b617b rgb(11,97,123)
```
#066480
```
#066480 rgb(6,100,128)
```
#006686
```
#006686 rgb(0,102,134)
```

Tone Color Variation

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

Dichromacy

#4f5058 Protanopia 1% of men
#524f5c Deuteranopia 1% of men
#3e545a Tritanopia 0.001% of the population

Trichromacy

#454e56 Protanomaly 1% of men, 0.01% of women
#474d58 Deuteranomaly 6% of men, 0.4% of women
#3a5157 Tritanomaly 0.01% of the population

#344b52 hex color

#344b52 Color Information

#344b52 Color Conversion

Color Schemes with #344b52

Alternatives to #344b52

#344b52 Preview

Shades and Tints of #344b52

Tones of #344b52

Color Blindness Simulator