#343f4b hex color

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

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

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

The hexadecimal color #343f4b has RGB values of R:52, G:63, B:75 and CMYK values of C:0.31, M:0.16, Y:0, K:0.71. Its decimal value is 3424075.

Hex triplet	343f4b	`#343f4b`
RGB Decimal	52, 63, 75	`rgb(52,63,75)`
RGB Percent	20.4, 24.7, 29.4	`rgb(20.4%,24.7%,29.4%)`
CMYK	31, 16, 0, 71
HSL	211.3°, 18.1, 24.9	`hsl(211.3,18.1%,24.9%)`
HSV (or HSB)	211.3°, 30.7, 29.4
Web Safe	333333	`#333333`

CIE-LAB	26.137, -1.233, -8.771
XYZ	4.463, 4.793, 7.346
xyY	0.269, 0.289, 4.793
CIE-LCH	26.137, 8.857, 261.997
CIE-LUV	26.137, -5.57, -10.173
Hunter-Lab	21.893, -1.921, -4.57
Binary	00110100, 00111111, 01001011

#343f4b
```
#343f4b rgb(52,63,75)
```
#4b4034
```
#4b4034 rgb(75,64,52)
```

Complementary Color

#344b4b
```
#344b4b rgb(52,75,75)
```
#343f4b
```
#343f4b rgb(52,63,75)
```
#35344b
```
#35344b rgb(53,52,75)
```

Analogous Color

#4b4b34
```
#4b4b34 rgb(75,75,52)
```
#343f4b
```
#343f4b rgb(52,63,75)
```
#4b3534
```
#4b3534 rgb(75,53,52)
```

Split Complementary Color

#3f4b34
```
#3f4b34 rgb(63,75,52)
```
#343f4b
```
#343f4b rgb(52,63,75)
```
#4b343f
```
#4b343f rgb(75,52,63)
```

Triadic Color

#344b40
```
#344b40 rgb(52,75,64)
```
#343f4b
```
#343f4b rgb(52,63,75)
```
#4b343f
```
#4b343f rgb(75,52,63)
```
#4b4034
```
#4b4034 rgb(75,64,52)
```

Tetradic Color

#15191e
```
#15191e rgb(21,25,30)
```
#1f262d
```
#1f262d rgb(31,38,45)
```
#2a323c
```
#2a323c rgb(42,50,60)
```
#343f4b
```
#343f4b rgb(52,63,75)
```
#3e4c5a
```
#3e4c5a rgb(62,76,90)
```
#495869
```
#495869 rgb(73,88,105)
```
#536578
```
#536578 rgb(83,101,120)
```

Monochromatic Color

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

#34454b
```
#34454b rgb(52,69,75)
```
#34434b
```
#34434b rgb(52,67,75)
```
#34414b
```
#34414b rgb(52,65,75)
```
#343f4b
```
#343f4b rgb(52,63,75)
```
#343d4b
```
#343d4b rgb(52,61,75)
```
#343b4b
```
#343b4b rgb(52,59,75)
```
#34394b
```
#34394b rgb(52,57,75)
```

Similar Colors

Text with hexadecimal color #343f4b

This text has a font color of #343f4b.

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

#343f4b background color

This paragraph has a background color of #343f4b.

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

#343f4b border color

This element has a border color of #343f4b.

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

CSS codes

.text {color:#343f4b;}

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

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

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)
```
#1c2228
```
#1c2228 rgb(28,34,40)
```
#242c34
```
#242c34 rgb(36,44,52)
```
#2c353f
```
#2c353f rgb(44,53,63)
```
#343f4b
```
#343f4b rgb(52,63,75)
```
#3c4957
```
#3c4957 rgb(60,73,87)
```
#445262
```
#445262 rgb(68,82,98)
```
#4c5c6e
```
#4c5c6e rgb(76,92,110)
```
#546679
```
#546679 rgb(84,102,121)
```
#5c7085
```
#5c7085 rgb(92,112,133)
```
#647991
```
#647991 rgb(100,121,145)
```

Shade Color Variation

#6e839a
```
#6e839a rgb(110,131,154)
```
#798da2
```
#798da2 rgb(121,141,162)
```
#8597aa
```
#8597aa rgb(133,151,170)
```
#91a1b2
```
#91a1b2 rgb(145,161,178)
```
#9cabbb
```
#9cabbb rgb(156,171,187)
```
#a8b5c3
```
#a8b5c3 rgb(168,181,195)
```
#b3becb
```
#b3becb rgb(179,190,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 #033d7c is the most saturated one.

#3e3f41
```
#3e3f41 rgb(62,63,65)
```
#393f46
```
#393f46 rgb(57,63,70)
```
#343f4b
```
#343f4b rgb(52,63,75)
```
#2f3f50
```
#2f3f50 rgb(47,63,80)
```
#2a3f55
```
#2a3f55 rgb(42,63,85)
```
#253e5a
```
#253e5a rgb(37,62,90)
```
#203e5f
```
#203e5f rgb(32,62,95)
```
#1c3e63
```
#1c3e63 rgb(28,62,99)
```
#173e68
```
#173e68 rgb(23,62,104)
```
#123e6d
```
#123e6d rgb(18,62,109)
```
#0d3d72
```
#0d3d72 rgb(13,61,114)
```
#083d77
```
#083d77 rgb(8,61,119)
```
#033d7c
```
#033d7c rgb(3,61,124)
```

Tone Color Variation

Below, you can see how #343f4b 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
#3b3d40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#454753 Protanopia 1% of men
#474655 Deuteranopia 1% of men
#3d494f Tritanopia 0.001% of the population

Trichromacy

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

#343f4b hex color

#343f4b Color Information

#343f4b Color Conversion

Color Schemes with #343f4b

Alternatives to #343f4b

#343f4b Preview

Shades and Tints of #343f4b

Tones of #343f4b

Color Blindness Simulator