#343e4b hex color

In a RGB color space, hex #343e4b is composed of 20.4% red, 24.3% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 30.7% cyan, 17.3% magenta, 0% yellow and 70.6% black. It has a hue angle of 213.9 degrees, a saturation of 18.1% and a lightness of 24.9%. #343e4b color hex could be obtained by blending #687c96 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 24
- B 29
RGB color chart
- C 31
- M 17
- Y 0
- K 71
CMYK color chart

● #343e4b color description : Very dark grayish blue.

The hexadecimal color #343e4b has RGB values of R:52, G:62, B:75 and CMYK values of C:0.31, M:0.17, Y:0, K:0.71. Its decimal value is 3423819.

Hex triplet	343e4b	`#343e4b`
RGB Decimal	52, 62, 75	`rgb(52,62,75)`
RGB Percent	20.4, 24.3, 29.4	`rgb(20.4%,24.3%,29.4%)`
CMYK	31, 17, 0, 71
HSL	213.9°, 18.1, 24.9	`hsl(213.9,18.1%,24.9%)`
HSV (or HSB)	213.9°, 30.7, 29.4
Web Safe	333333	`#333333`

CIE-LAB	25.812, -0.578, -9.262
XYZ	4.409, 4.683, 7.328
xyY	0.268, 0.285, 4.683
CIE-LCH	25.812, 9.28, 266.427
CIE-LUV	25.812, -5.157, -10.803
Hunter-Lab	21.641, -1.508, -4.928
Binary	00110100, 00111110, 01001011

#343e4b
```
#343e4b rgb(52,62,75)
```
#4b4134
```
#4b4134 rgb(75,65,52)
```

Complementary Color

#344a4b
```
#344a4b rgb(52,74,75)
```
#343e4b
```
#343e4b rgb(52,62,75)
```
#36344b
```
#36344b rgb(54,52,75)
```

Analogous Color

#4a4b34
```
#4a4b34 rgb(74,75,52)
```
#343e4b
```
#343e4b rgb(52,62,75)
```
#4b3634
```
#4b3634 rgb(75,54,52)
```

Split Complementary Color

#3e4b34
```
#3e4b34 rgb(62,75,52)
```
#343e4b
```
#343e4b rgb(52,62,75)
```
#4b343e
```
#4b343e rgb(75,52,62)
```

Triadic Color

#344b41
```
#344b41 rgb(52,75,65)
```
#343e4b
```
#343e4b rgb(52,62,75)
```
#4b343e
```
#4b343e rgb(75,52,62)
```
#4b4134
```
#4b4134 rgb(75,65,52)
```

Tetradic Color

#15191e
```
#15191e rgb(21,25,30)
```
#1f252d
```
#1f252d rgb(31,37,45)
```
#2a323c
```
#2a323c rgb(42,50,60)
```
#343e4b
```
#343e4b rgb(52,62,75)
```
#3e4a5a
```
#3e4a5a rgb(62,74,90)
```
#495769
```
#495769 rgb(73,87,105)
```
#536378
```
#536378 rgb(83,99,120)
```

Monochromatic Color

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

#34444b
```
#34444b rgb(52,68,75)
```
#34424b
```
#34424b rgb(52,66,75)
```
#34404b
```
#34404b rgb(52,64,75)
```
#343e4b
```
#343e4b rgb(52,62,75)
```
#343c4b
```
#343c4b rgb(52,60,75)
```
#343a4b
```
#343a4b rgb(52,58,75)
```
#34384b
```
#34384b rgb(52,56,75)
```

Similar Colors

Text with hexadecimal color #343e4b

This text has a font color of #343e4b.

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

#343e4b background color

This paragraph has a background color of #343e4b.

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

#343e4b border color

This element has a border color of #343e4b.

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

CSS codes

.text {color:#343e4b;}

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

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

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

#040505
```
#040505 rgb(4,5,5)
```
#0c0e11
```
#0c0e11 rgb(12,14,17)
```
#14181d
```
#14181d rgb(20,24,29)
```
#1c2128
```
#1c2128 rgb(28,33,40)
```
#242b34
```
#242b34 rgb(36,43,52)
```
#2c343f
```
#2c343f rgb(44,52,63)
```
#343e4b
```
#343e4b rgb(52,62,75)
```
#3c4857
```
#3c4857 rgb(60,72,87)
```
#445162
```
#445162 rgb(68,81,98)
```
#4c5b6e
```
#4c5b6e rgb(76,91,110)
```
#546479
```
#546479 rgb(84,100,121)
```
#5c6e85
```
#5c6e85 rgb(92,110,133)
```
#647791
```
#647791 rgb(100,119,145)
```

Shade Color Variation

#6e819a
```
#6e819a rgb(110,129,154)
```
#798ba2
```
#798ba2 rgb(121,139,162)
```
#8595aa
```
#8595aa rgb(133,149,170)
```
#919fb2
```
#919fb2 rgb(145,159,178)
```
#9ca9bb
```
#9ca9bb rgb(156,169,187)
```
#a8b3c3
```
#a8b3c3 rgb(168,179,195)
```
#b3bdcb
```
#b3bdcb rgb(179,189,203)
```
#bfc8d3
```
#bfc8d3 rgb(191,200,211)
```
#cbd2db
```
#cbd2db rgb(203,210,219)
```
#d6dce3
```
#d6dce3 rgb(214,220,227)
```
#e2e6eb
```
#e2e6eb rgb(226,230,235)
```
#edf0f3
```
#edf0f3 rgb(237,240,243)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#3e3f41
```
#3e3f41 rgb(62,63,65)
```
#393f46
```
#393f46 rgb(57,63,70)
```
#343e4b
```
#343e4b rgb(52,62,75)
```
#2f3d50
```
#2f3d50 rgb(47,61,80)
```
#2a3d55
```
#2a3d55 rgb(42,61,85)
```
#253c5a
```
#253c5a rgb(37,60,90)
```
#203b5f
```
#203b5f rgb(32,59,95)
```
#1c3b63
```
#1c3b63 rgb(28,59,99)
```
#173a68
```
#173a68 rgb(23,58,104)
```
#123a6d
```
#123a6d rgb(18,58,109)
```
#0d3972
```
#0d3972 rgb(13,57,114)
```
#083877
```
#083877 rgb(8,56,119)
```
#03387c
```
#03387c rgb(3,56,124)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3a3c3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#444653 Protanopia 1% of men
#464555 Deuteranopia 1% of men
#3d494e Tritanopia 0.001% of the population

Trichromacy

#3e4350 Protanomaly 1% of men, 0.01% of women
#3f4251 Deuteranomaly 6% of men, 0.4% of women
#39454d Tritanomaly 0.01% of the population

#343e4b hex color

#343e4b Color Information

#343e4b Color Conversion

Color Schemes with #343e4b

Alternatives to #343e4b

#343e4b Preview

Shades and Tints of #343e4b

Tones of #343e4b

Color Blindness Simulator