#343d52 hex color

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

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

● #343d52 color description : Very dark desaturated blue.

The hexadecimal color #343d52 has RGB values of R:52, G:61, B:82 and CMYK values of C:0.37, M:0.26, Y:0, K:0.68. Its decimal value is 3423570.

Hex triplet	343d52	`#343d52`
RGB Decimal	52, 61, 82	`rgb(52,61,82)`
RGB Percent	20.4, 23.9, 32.2	`rgb(20.4%,23.9%,32.2%)`
CMYK	37, 26, 0, 68
HSL	222°, 22.4, 26.3	`hsl(222,22.4%,26.3%)`
HSV (or HSB)	222°, 36.6, 32.2
Web Safe	333366	`#333366`

CIE-LAB	25.793, 2.17, -13.894
XYZ	4.608, 4.677, 8.642
xyY	0.257, 0.261, 4.677
CIE-LCH	25.793, 14.063, 278.878
CIE-LUV	25.793, -4.958, -16.865
Hunter-Lab	21.625, 0.187, -8.556
Binary	00110100, 00111101, 01010010

#343d52
```
#343d52 rgb(52,61,82)
```
#524934
```
#524934 rgb(82,73,52)
```

Complementary Color

#344c52
```
#344c52 rgb(52,76,82)
```
#343d52
```
#343d52 rgb(52,61,82)
```
#3a3452
```
#3a3452 rgb(58,52,82)
```

Analogous Color

#4c5234
```
#4c5234 rgb(76,82,52)
```
#343d52
```
#343d52 rgb(52,61,82)
```
#523a34
```
#523a34 rgb(82,58,52)
```

Split Complementary Color

#3d5234
```
#3d5234 rgb(61,82,52)
```
#343d52
```
#343d52 rgb(52,61,82)
```
#52343d
```
#52343d rgb(82,52,61)
```

Triadic Color

#345249
```
#345249 rgb(52,82,73)
```
#343d52
```
#343d52 rgb(52,61,82)
```
#52343d
```
#52343d rgb(82,52,61)
```
#524934
```
#524934 rgb(82,73,52)
```

Tetradic Color

#161a23
```
#161a23 rgb(22,26,35)
```
#202633
```
#202633 rgb(32,38,51)
```
#2a3142
```
#2a3142 rgb(42,49,66)
```
#343d52
```
#343d52 rgb(52,61,82)
```
#3e4962
```
#3e4962 rgb(62,73,98)
```
#485471
```
#485471 rgb(72,84,113)
```
#526081
```
#526081 rgb(82,96,129)
```

Monochromatic Color

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

#344552
```
#344552 rgb(52,69,82)
```
#344252
```
#344252 rgb(52,66,82)
```
#344052
```
#344052 rgb(52,64,82)
```
#343d52
```
#343d52 rgb(52,61,82)
```
#343b52
```
#343b52 rgb(52,59,82)
```
#343852
```
#343852 rgb(52,56,82)
```
#343652
```
#343652 rgb(52,54,82)
```

Similar Colors

Text with hexadecimal color #343d52

This text has a font color of #343d52.

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

#343d52 background color

This paragraph has a background color of #343d52.

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

#343d52 border color

This element has a border color of #343d52.

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

CSS codes

.text {color:#343d52;}

.background {background-color:#343d52;}

.border {border:1px solid #343d52;}

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

#06070a
```
#06070a rgb(6,7,10)
```
#0e1016
```
#0e1016 rgb(14,16,22)
```
#161922
```
#161922 rgb(22,25,34)
```
#1d222e
```
#1d222e rgb(29,34,46)
```
#252b3a
```
#252b3a rgb(37,43,58)
```
#2c3446
```
#2c3446 rgb(44,52,70)
```
#343d52
```
#343d52 rgb(52,61,82)
```
#3c465e
```
#3c465e rgb(60,70,94)
```
#434f6a
```
#434f6a rgb(67,79,106)
```
#4b5876
```
#4b5876 rgb(75,88,118)
```
#526182
```
#526182 rgb(82,97,130)
```
#5a6a8e
```
#5a6a8e rgb(90,106,142)
```
#62739a
```
#62739a rgb(98,115,154)
```

Shade Color Variation

#6d7da2
```
#6d7da2 rgb(109,125,162)
```
#7988aa
```
#7988aa rgb(121,136,170)
```
#8592b2
```
#8592b2 rgb(133,146,178)
```
#919db9
```
#919db9 rgb(145,157,185)
```
#9da8c1
```
#9da8c1 rgb(157,168,193)
```
#a9b2c8
```
#a9b2c8 rgb(169,178,200)
```
#b5bdd0
```
#b5bdd0 rgb(181,189,208)
```
#c1c8d8
```
#c1c8d8 rgb(193,200,216)
```
#cdd2df
```
#cdd2df rgb(205,210,223)
```
#d9dde7
```
#d9dde7 rgb(217,221,231)
```
#e5e8ee
```
#e5e8ee rgb(229,232,238)
```
#f1f3f6
```
#f1f3f6 rgb(241,243,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#3e4148
```
#3e4148 rgb(62,65,72)
```
#393f4d
```
#393f4d rgb(57,63,77)
```
#343d52
```
#343d52 rgb(52,61,82)
```
#2f3b57
```
#2f3b57 rgb(47,59,87)
```
#2a395c
```
#2a395c rgb(42,57,92)
```
#253761
```
#253761 rgb(37,55,97)
```
#1f3567
```
#1f3567 rgb(31,53,103)
```
#1a336c
```
#1a336c rgb(26,51,108)
```
#153171
```
#153171 rgb(21,49,113)
```
#102f76
```
#102f76 rgb(16,47,118)
```
#0b2d7b
```
#0b2d7b rgb(11,45,123)
```
#062a80
```
#062a80 rgb(6,42,128)
```
#002886
```
#002886 rgb(0,40,134)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3b3d41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#41465a Protanopia 1% of men
#42465b Deuteranopia 1% of men
#3b494e Tritanopia 0.001% of the population

Trichromacy

#3c4357 Protanomaly 1% of men, 0.01% of women
#3c4257 Deuteranomaly 6% of men, 0.4% of women
#38444f Tritanomaly 0.01% of the population

#343d52 hex color

#343d52 Color Information

#343d52 Color Conversion

Color Schemes with #343d52

Alternatives to #343d52

#343d52 Preview

Shades and Tints of #343d52

Tones of #343d52

Color Blindness Simulator