#344552 hex color

In a RGB color space, hex #344552 is composed of 20.4% red, 27.1% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 15.9% magenta, 0% yellow and 67.8% black. It has a hue angle of 206 degrees, a saturation of 22.4% and a lightness of 26.3%. #344552 color hex could be obtained by blending #688aa4 with #000000. Closest websafe color is: #333366.

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

● #344552 color description : Very dark desaturated blue.

The hexadecimal color #344552 has RGB values of R:52, G:69, B:82 and CMYK values of C:0.37, M:0.16, Y:0, K:0.68. Its decimal value is 3425618.

Hex triplet	344552	`#344552`
RGB Decimal	52, 69, 82	`rgb(52,69,82)`
RGB Percent	20.4, 27.1, 32.2	`rgb(20.4%,27.1%,32.2%)`
CMYK	37, 16, 0, 68
HSL	206°, 22.4, 26.3	`hsl(206,22.4%,26.3%)`
HSV (or HSB)	206°, 36.6, 32.2
Web Safe	333366	`#333366`

CIE-LAB	28.368, -3.06, -9.959
XYZ	5.067, 5.595, 8.795
xyY	0.26, 0.288, 5.595
CIE-LCH	28.368, 10.419, 252.919
CIE-LUV	28.368, -8.18, -11.761
Hunter-Lab	23.654, -3.159, -5.487
Binary	00110100, 01000101, 01010010

#344552
```
#344552 rgb(52,69,82)
```
#524134
```
#524134 rgb(82,65,52)
```

Complementary Color

#345250
```
#345250 rgb(52,82,80)
```
#344552
```
#344552 rgb(52,69,82)
```
#343652
```
#343652 rgb(52,54,82)
```

Analogous Color

#525034
```
#525034 rgb(82,80,52)
```
#344552
```
#344552 rgb(52,69,82)
```
#523436
```
#523436 rgb(82,52,54)
```

Split Complementary Color

#455234
```
#455234 rgb(69,82,52)
```
#344552
```
#344552 rgb(52,69,82)
```
#523445
```
#523445 rgb(82,52,69)
```

Triadic Color

#345241
```
#345241 rgb(52,82,65)
```
#344552
```
#344552 rgb(52,69,82)
```
#523445
```
#523445 rgb(82,52,69)
```
#524134
```
#524134 rgb(82,65,52)
```

Tetradic Color

#161e23
```
#161e23 rgb(22,30,35)
```
#202b33
```
#202b33 rgb(32,43,51)
```
#2a3842
```
#2a3842 rgb(42,56,66)
```
#344552
```
#344552 rgb(52,69,82)
```
#3e5262
```
#3e5262 rgb(62,82,98)
```
#485f71
```
#485f71 rgb(72,95,113)
```
#526c81
```
#526c81 rgb(82,108,129)
```

Monochromatic Color

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

#344d52
```
#344d52 rgb(52,77,82)
```
#344a52
```
#344a52 rgb(52,74,82)
```
#344852
```
#344852 rgb(52,72,82)
```
#344552
```
#344552 rgb(52,69,82)
```
#344352
```
#344352 rgb(52,67,82)
```
#344052
```
#344052 rgb(52,64,82)
```
#343e52
```
#343e52 rgb(52,62,82)
```

Similar Colors

Text with hexadecimal color #344552

This text has a font color of #344552.

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

#344552 background color

This paragraph has a background color of #344552.

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

#344552 border color

This element has a border color of #344552.

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

CSS codes

.text {color:#344552;}

.background {background-color:#344552;}

.border {border:1px solid #344552;}

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

#06080a
```
#06080a rgb(6,8,10)
```
#0e1216
```
#0e1216 rgb(14,18,22)
```
#161d22
```
#161d22 rgb(22,29,34)
```
#1d272e
```
#1d272e rgb(29,39,46)
```
#25313a
```
#25313a rgb(37,49,58)
```
#2c3b46
```
#2c3b46 rgb(44,59,70)
```
#344552
```
#344552 rgb(52,69,82)
```
#3c4f5e
```
#3c4f5e rgb(60,79,94)
```
#43596a
```
#43596a rgb(67,89,106)
```
#4b6376
```
#4b6376 rgb(75,99,118)
```
#526d82
```
#526d82 rgb(82,109,130)
```
#5a788e
```
#5a788e rgb(90,120,142)
```
#62829a
```
#62829a rgb(98,130,154)
```

Shade Color Variation

#6d8ba2
```
#6d8ba2 rgb(109,139,162)
```
#7995aa
```
#7995aa rgb(121,149,170)
```
#859eb2
```
#859eb2 rgb(133,158,178)
```
#91a8b9
```
#91a8b9 rgb(145,168,185)
```
#9db1c1
```
#9db1c1 rgb(157,177,193)
```
#a9bbc8
```
#a9bbc8 rgb(169,187,200)
```
#b5c4d0
```
#b5c4d0 rgb(181,196,208)
```
#c1ced8
```
#c1ced8 rgb(193,206,216)
```
#cdd7df
```
#cdd7df rgb(205,215,223)
```
#d9e1e7
```
#d9e1e7 rgb(217,225,231)
```
#e5eaee
```
#e5eaee rgb(229,234,238)
```
#f1f4f6
```
#f1f4f6 rgb(241,244,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#3e4448
```
#3e4448 rgb(62,68,72)
```
#39444d
```
#39444d rgb(57,68,77)
```
#344552
```
#344552 rgb(52,69,82)
```
#2f4657
```
#2f4657 rgb(47,70,87)
```
#2a465c
```
#2a465c rgb(42,70,92)
```
#254761
```
#254761 rgb(37,71,97)
```
#1f4867
```
#1f4867 rgb(31,72,103)
```
#1a486c
```
#1a486c rgb(26,72,108)
```
#154971
```
#154971 rgb(21,73,113)
```
#104a76
```
#104a76 rgb(16,74,118)
```
#0b4a7b
```
#0b4a7b rgb(11,74,123)
```
#064b80
```
#064b80 rgb(6,75,128)
```
#004c86
```
#004c86 rgb(0,76,134)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3e4244 Atypical Achromatopsia 0.001% of the population

Dichromacy

#494c59 Protanopia 1% of men
#4b4b5c Deuteranopia 1% of men
#3c4f55 Tritanopia 0.001% of the population

Trichromacy

#414956 Protanomaly 1% of men, 0.01% of women
#424858 Deuteranomaly 6% of men, 0.4% of women
#394b54 Tritanomaly 0.01% of the population

#344552 hex color

#344552 Color Information

#344552 Color Conversion

Color Schemes with #344552

Alternatives to #344552

#344552 Preview

Shades and Tints of #344552

Tones of #344552

Color Blindness Simulator