#343d40 hex color

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

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

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

The hexadecimal color #343d40 has RGB values of R:52, G:61, B:64 and CMYK values of C:0.19, M:0.05, Y:0, K:0.75. Its decimal value is 3423552.

Hex triplet	343d40	`#343d40`
RGB Decimal	52, 61, 64	`rgb(52,61,64)`
RGB Percent	20.4, 23.9, 25.1	`rgb(20.4%,23.9%,25.1%)`
CMYK	19, 5, 0, 75
HSL	195°, 10.3, 22.7	`hsl(195,10.3%,22.7%)`
HSV (or HSB)	195°, 18.8, 25.1
Web Safe	333333	`#333333`

CIE-LAB	25.068, -2.955, -3.104
XYZ	4.01, 4.438, 5.495
xyY	0.288, 0.318, 4.438
CIE-LCH	25.068, 4.285, 226.407
CIE-LUV	25.068, -4.431, -3.126
Hunter-Lab	21.066, -2.885, -0.721
Binary	00110100, 00111101, 01000000

#343d40
```
#343d40 rgb(52,61,64)
```
#403734
```
#403734 rgb(64,55,52)
```

Complementary Color

#34403d
```
#34403d rgb(52,64,61)
```
#343d40
```
#343d40 rgb(52,61,64)
```
#343740
```
#343740 rgb(52,55,64)
```

Analogous Color

#403d34
```
#403d34 rgb(64,61,52)
```
#343d40
```
#343d40 rgb(52,61,64)
```
#403437
```
#403437 rgb(64,52,55)
```

Split Complementary Color

#3d4034
```
#3d4034 rgb(61,64,52)
```
#343d40
```
#343d40 rgb(52,61,64)
```
#40343d
```
#40343d rgb(64,52,61)
```

Triadic Color

#344037
```
#344037 rgb(52,64,55)
```
#343d40
```
#343d40 rgb(52,61,64)
```
#40343d
```
#40343d rgb(64,52,61)
```
#403734
```
#403734 rgb(64,55,52)
```

Tetradic Color

#121516
```
#121516 rgb(18,21,22)
```
#1d2224
```
#1d2224 rgb(29,34,36)
```
#293032
```
#293032 rgb(41,48,50)
```
#343d40
```
#343d40 rgb(52,61,64)
```
#3f4a4e
```
#3f4a4e rgb(63,74,78)
```
#4b585c
```
#4b585c rgb(75,88,92)
```
#56656a
```
#56656a rgb(86,101,106)
```

Monochromatic Color

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

#344040
```
#344040 rgb(52,64,64)
```
#343f40
```
#343f40 rgb(52,63,64)
```
#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)
```

Similar Colors

Text with hexadecimal color #343d40

This text has a font color of #343d40.

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

#343d40 background color

This paragraph has a background color of #343d40.

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

#343d40 border color

This element has a border color of #343d40.

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

CSS codes

.text {color:#343d40;}

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

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

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)
```
#111415
```
#111415 rgb(17,20,21)
```
#1a1e20
```
#1a1e20 rgb(26,30,32)
```
#22282a
```
#22282a rgb(34,40,42)
```
#2b3335
```
#2b3335 rgb(43,51,53)
```
#343d40
```
#343d40 rgb(52,61,64)
```
#3d474b
```
#3d474b rgb(61,71,75)
```
#465256
```
#465256 rgb(70,82,86)
```
#4e5c60
```
#4e5c60 rgb(78,92,96)
```
#57666b
```
#57666b rgb(87,102,107)
```
#607176
```
#607176 rgb(96,113,118)
```
#697b81
```
#697b81 rgb(105,123,129)
```
#72858c
```
#72858c rgb(114,133,140)
```

Shade Color Variation

#7c8f95
```
#7c8f95 rgb(124,143,149)
```
#87989e
```
#87989e rgb(135,152,158)
```
#92a1a6
```
#92a1a6 rgb(146,161,166)
```
#9daaaf
```
#9daaaf rgb(157,170,175)
```
#a7b4b8
```
#a7b4b8 rgb(167,180,184)
```
#b2bdc1
```
#b2bdc1 rgb(178,189,193)
```
#bdc6c9
```
#bdc6c9 rgb(189,198,201)
```
#c8d0d2
```
#c8d0d2 rgb(200,208,210)
```
#d3d9db
```
#d3d9db rgb(211,217,219)
```
#dee2e4
```
#dee2e4 rgb(222,226,228)
```
#e8eced
```
#e8eced rgb(232,236,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, #383b3c is the less saturated color, while #035671 is the most saturated one.

#383b3c
```
#383b3c rgb(56,59,60)
```
#343d40
```
#343d40 rgb(52,61,64)
```
#303f44
```
#303f44 rgb(48,63,68)
```
#2b4149
```
#2b4149 rgb(43,65,73)
```
#27444d
```
#27444d rgb(39,68,77)
```
#224652
```
#224652 rgb(34,70,82)
```
#1e4856
```
#1e4856 rgb(30,72,86)
```
#194a5b
```
#194a5b rgb(25,74,91)
```
#154d5f
```
#154d5f rgb(21,77,95)
```
#104f64
```
#104f64 rgb(16,79,100)
```
#0c5168
```
#0c5168 rgb(12,81,104)
```
#07536d
```
#07536d rgb(7,83,109)
```
#035671
```
#035671 rgb(3,86,113)
```

Tone Color Variation

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

Dichromacy

#454548 Protanopia 1% of men
#49434b Deuteranopia 1% of men
#3f464b Tritanopia 0.001% of the population

Trichromacy

#3f4245 Protanomaly 1% of men, 0.01% of women
#414147 Deuteranomaly 6% of men, 0.4% of women
#3b4347 Tritanomaly 0.01% of the population

#343d40 hex color

#343d40 Color Information

#343d40 Color Conversion

Color Schemes with #343d40

Alternatives to #343d40

#343d40 Preview

Shades and Tints of #343d40

Tones of #343d40

Color Blindness Simulator