#343b4b hex color

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

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

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

The hexadecimal color #343b4b has RGB values of R:52, G:59, B:75 and CMYK values of C:0.31, M:0.21, Y:0, K:0.71. Its decimal value is 3423051.

Hex triplet	343b4b	`#343b4b`
RGB Decimal	52, 59, 75	`rgb(52,59,75)`
RGB Percent	20.4, 23.1, 29.4	`rgb(20.4%,23.1%,29.4%)`
CMYK	31, 21, 0, 71
HSL	221.7°, 18.1, 24.9	`hsl(221.7,18.1%,24.9%)`
HSV (or HSB)	221.7°, 30.7, 29.4
Web Safe	333333	`#333333`

CIE-LAB	24.846, 1.406, -10.732
XYZ	4.25, 4.366, 7.275
xyY	0.267, 0.275, 4.366
CIE-LCH	24.846, 10.824, 277.464
CIE-LUV	24.846, -3.935, -12.662
Hunter-Lab	20.895, -0.26, -6.017
Binary	00110100, 00111011, 01001011

#343b4b
```
#343b4b rgb(52,59,75)
```
#4b4434
```
#4b4434 rgb(75,68,52)
```

Complementary Color

#34474b
```
#34474b rgb(52,71,75)
```
#343b4b
```
#343b4b rgb(52,59,75)
```
#39344b
```
#39344b rgb(57,52,75)
```

Analogous Color

#474b34
```
#474b34 rgb(71,75,52)
```
#343b4b
```
#343b4b rgb(52,59,75)
```
#4b3934
```
#4b3934 rgb(75,57,52)
```

Split Complementary Color

#3b4b34
```
#3b4b34 rgb(59,75,52)
```
#343b4b
```
#343b4b rgb(52,59,75)
```
#4b343b
```
#4b343b rgb(75,52,59)
```

Triadic Color

#344b44
```
#344b44 rgb(52,75,68)
```
#343b4b
```
#343b4b rgb(52,59,75)
```
#4b343b
```
#4b343b rgb(75,52,59)
```
#4b4434
```
#4b4434 rgb(75,68,52)
```

Tetradic Color

#15171e
```
#15171e rgb(21,23,30)
```
#1f232d
```
#1f232d rgb(31,35,45)
```
#2a2f3c
```
#2a2f3c rgb(42,47,60)
```
#343b4b
```
#343b4b rgb(52,59,75)
```
#3e475a
```
#3e475a rgb(62,71,90)
```
#495369
```
#495369 rgb(73,83,105)
```
#535f78
```
#535f78 rgb(83,95,120)
```

Monochromatic Color

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

#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)
```
#34374b
```
#34374b rgb(52,55,75)
```
#34354b
```
#34354b rgb(52,53,75)
```

Similar Colors

Text with hexadecimal color #343b4b

This text has a font color of #343b4b.

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

#343b4b background color

This paragraph has a background color of #343b4b.

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

#343b4b border color

This element has a border color of #343b4b.

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

CSS codes

.text {color:#343b4b;}

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

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

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

#040405
```
#040405 rgb(4,4,5)
```
#0c0d11
```
#0c0d11 rgb(12,13,17)
```
#14171d
```
#14171d rgb(20,23,29)
```
#1c2028
```
#1c2028 rgb(28,32,40)
```
#242934
```
#242934 rgb(36,41,52)
```
#2c323f
```
#2c323f rgb(44,50,63)
```
#343b4b
```
#343b4b rgb(52,59,75)
```
#3c4457
```
#3c4457 rgb(60,68,87)
```
#444d62
```
#444d62 rgb(68,77,98)
```
#4c566e
```
#4c566e rgb(76,86,110)
```
#545f79
```
#545f79 rgb(84,95,121)
```
#5c6985
```
#5c6985 rgb(92,105,133)
```
#647291
```
#647291 rgb(100,114,145)
```

Shade Color Variation

#6e7b9a
```
#6e7b9a rgb(110,123,154)
```
#7986a2
```
#7986a2 rgb(121,134,162)
```
#8590aa
```
#8590aa rgb(133,144,170)
```
#919bb2
```
#919bb2 rgb(145,155,178)
```
#9ca5bb
```
#9ca5bb rgb(156,165,187)
```
#a8b0c3
```
#a8b0c3 rgb(168,176,195)
```
#b3bacb
```
#b3bacb rgb(179,186,203)
```
#bfc5d3
```
#bfc5d3 rgb(191,197,211)
```
#cbcfdb
```
#cbcfdb rgb(203,207,219)
```
#d6dae3
```
#d6dae3 rgb(214,218,227)
```
#e2e4eb
```
#e2e4eb rgb(226,228,235)
```
#edeff3
```
#edeff3 rgb(237,239,243)
```
#f9f9fb
```
#f9f9fb rgb(249,249,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 #03287c is the most saturated one.

#3e3f41
```
#3e3f41 rgb(62,63,65)
```
#393d46
```
#393d46 rgb(57,61,70)
```
#343b4b
```
#343b4b rgb(52,59,75)
```
#2f3950
```
#2f3950 rgb(47,57,80)
```
#2a3755
```
#2a3755 rgb(42,55,85)
```
#25355a
```
#25355a rgb(37,53,90)
```
#20335f
```
#20335f rgb(32,51,95)
```
#1c3163
```
#1c3163 rgb(28,49,99)
```
#173068
```
#173068 rgb(23,48,104)
```
#122e6d
```
#122e6d rgb(18,46,109)
```
#0d2c72
```
#0d2c72 rgb(13,44,114)
```
#082a77
```
#082a77 rgb(8,42,119)
```
#03287c
```
#03287c rgb(3,40,124)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#3a3b3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#414453 Protanopia 1% of men
#434354 Deuteranopia 1% of men
#3c464b Tritanopia 0.001% of the population

Trichromacy

#3c4150 Protanomaly 1% of men, 0.01% of women
#3d4051 Deuteranomaly 6% of men, 0.4% of women
#39424b Tritanomaly 0.01% of the population

#343b4b hex color

#343b4b Color Information

#343b4b Color Conversion

Color Schemes with #343b4b

Alternatives to #343b4b

#343b4b Preview

Shades and Tints of #343b4b

Tones of #343b4b

Color Blindness Simulator