#343b40 hex color

In a RGB color space, hex #343b40 is composed of 20.4% red, 23.1% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 18.8% cyan, 7.8% magenta, 0% yellow and 74.9% black. It has a hue angle of 205 degrees, a saturation of 10.3% and a lightness of 22.7%. #343b40 color hex could be obtained by blending #687680 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 23
- B 25
RGB color chart
- C 19
- M 8
- Y 0
- K 75
CMYK color chart

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

The hexadecimal color #343b40 has RGB values of R:52, G:59, B:64 and CMYK values of C:0.19, M:0.08, Y:0, K:0.75. Its decimal value is 3423040.

Hex triplet	343b40	`#343b40`
RGB Decimal	52, 59, 64	`rgb(52,59,64)`
RGB Percent	20.4, 23.1, 25.1	`rgb(20.4%,23.1%,25.1%)`
CMYK	19, 8, 0, 75
HSL	205°, 10.3, 22.7	`hsl(205,10.3%,22.7%)`
HSV (or HSB)	205°, 18.8, 25.1
Web Safe	333333	`#333333`

CIE-LAB	24.412, -1.653, -4.079
XYZ	3.905, 4.228, 5.461
xyY	0.287, 0.311, 4.228
CIE-LCH	24.412, 4.401, 247.943
CIE-LUV	24.412, -3.562, -4.363
Hunter-Lab	20.562, -2.082, -1.351
Binary	00110100, 00111011, 01000000

#343b40
```
#343b40 rgb(52,59,64)
```
#403934
```
#403934 rgb(64,57,52)
```

Complementary Color

#34403f
```
#34403f rgb(52,64,63)
```
#343b40
```
#343b40 rgb(52,59,64)
```
#343540
```
#343540 rgb(52,53,64)
```

Analogous Color

#403f34
```
#403f34 rgb(64,63,52)
```
#343b40
```
#343b40 rgb(52,59,64)
```
#403435
```
#403435 rgb(64,52,53)
```

Split Complementary Color

#3b4034
```
#3b4034 rgb(59,64,52)
```
#343b40
```
#343b40 rgb(52,59,64)
```
#40343b
```
#40343b rgb(64,52,59)
```

Triadic Color

#344039
```
#344039 rgb(52,64,57)
```
#343b40
```
#343b40 rgb(52,59,64)
```
#40343b
```
#40343b rgb(64,52,59)
```
#403934
```
#403934 rgb(64,57,52)
```

Tetradic Color

#121416
```
#121416 rgb(18,20,22)
```
#1d2124
```
#1d2124 rgb(29,33,36)
```
#292e32
```
#292e32 rgb(41,46,50)
```
#343b40
```
#343b40 rgb(52,59,64)
```
#3f484e
```
#3f484e rgb(63,72,78)
```
#4b555c
```
#4b555c rgb(75,85,92)
```
#56626a
```
#56626a rgb(86,98,106)
```

Monochromatic Color

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

#343e40
```
#343e40 rgb(52,62,64)
```
#343d40
```
#343d40 rgb(52,61,64)
```
#343c40
```
#343c40 rgb(52,60,64)
```
#343b40
```
#343b40 rgb(52,59,64)
```
#343a40
```
#343a40 rgb(52,58,64)
```
#343940
```
#343940 rgb(52,57,64)
```
#343840
```
#343840 rgb(52,56,64)
```

Similar Colors

Text with hexadecimal color #343b40

This text has a font color of #343b40.

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

#343b40 background color

This paragraph has a background color of #343b40.

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

#343b40 border color

This element has a border color of #343b40.

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

CSS codes

.text {color:#343b40;}

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

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

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

#08090a
```
#08090a rgb(8,9,10)
```
#111315
```
#111315 rgb(17,19,21)
```
#1a1d20
```
#1a1d20 rgb(26,29,32)
```
#22272a
```
#22272a rgb(34,39,42)
```
#2b3135
```
#2b3135 rgb(43,49,53)
```
#343b40
```
#343b40 rgb(52,59,64)
```
#3d454b
```
#3d454b rgb(61,69,75)
```
#464f56
```
#464f56 rgb(70,79,86)
```
#4e5960
```
#4e5960 rgb(78,89,96)
```
#57636b
```
#57636b rgb(87,99,107)
```
#606d76
```
#606d76 rgb(96,109,118)
```
#697781
```
#697781 rgb(105,119,129)
```
#72818c
```
#72818c rgb(114,129,140)
```

Shade Color Variation

#7c8b95
```
#7c8b95 rgb(124,139,149)
```
#87949e
```
#87949e rgb(135,148,158)
```
#929ea6
```
#929ea6 rgb(146,158,166)
```
#9da7af
```
#9da7af rgb(157,167,175)
```
#a7b1b8
```
#a7b1b8 rgb(167,177,184)
```
#b2bbc1
```
#b2bbc1 rgb(178,187,193)
```
#bdc4c9
```
#bdc4c9 rgb(189,196,201)
```
#c8ced2
```
#c8ced2 rgb(200,206,210)
```
#d3d8db
```
#d3d8db rgb(211,216,219)
```
#dee1e4
```
#dee1e4 rgb(222,225,228)
```
#e8ebed
```
#e8ebed rgb(232,235,237)
```
#f3f5f5
```
#f3f5f5 rgb(243,245,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#383a3c
```
#383a3c rgb(56,58,60)
```
#343b40
```
#343b40 rgb(52,59,64)
```
#303c44
```
#303c44 rgb(48,60,68)
```
#2b3c49
```
#2b3c49 rgb(43,60,73)
```
#273d4d
```
#273d4d rgb(39,61,77)
```
#223e52
```
#223e52 rgb(34,62,82)
```
#1e3f56
```
#1e3f56 rgb(30,63,86)
```
#193f5b
```
#193f5b rgb(25,63,91)
```
#15405f
```
#15405f rgb(21,64,95)
```
#104164
```
#104164 rgb(16,65,100)
```
#0c4268
```
#0c4268 rgb(12,66,104)
```
#07426d
```
#07426d rgb(7,66,109)
```
#034371
```
#034371 rgb(3,67,113)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#38393a Atypical Achromatopsia 0.001% of the population

Dichromacy

#434349 Protanopia 1% of men
#47424a Deuteranopia 1% of men
#3e454a Tritanopia 0.001% of the population

Trichromacy

#3e4045 Protanomaly 1% of men, 0.01% of women
#403f46 Deuteranomaly 6% of men, 0.4% of women
#3a4146 Tritanomaly 0.01% of the population

#343b40 hex color

#343b40 Color Information

#343b40 Color Conversion

Color Schemes with #343b40

Alternatives to #343b40

#343b40 Preview

Shades and Tints of #343b40

Tones of #343b40

Color Blindness Simulator