#343c41 hex color

In a RGB color space, hex #343c41 is composed of 20.4% red, 23.5% green and 25.5% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 7.7% magenta, 0% yellow and 74.5% black. It has a hue angle of 203.1 degrees, a saturation of 11.1% and a lightness of 22.9%. #343c41 color hex could be obtained by blending #687882 with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #343c41 has RGB values of R:52, G:60, B:65 and CMYK values of C:0.2, M:0.08, Y:0, K:0.75. Its decimal value is 3423297.

Hex triplet	343c41	`#343c41`
RGB Decimal	52, 60, 65	`rgb(52,60,65)`
RGB Percent	20.4, 23.5, 25.5	`rgb(20.4%,23.5%,25.5%)`
CMYK	20, 8, 0, 75
HSL	203.1°, 11.1, 22.9	`hsl(203.1,11.1%,22.9%)`
HSV (or HSB)	203.1°, 20, 25.5
Web Safe	333333	`#333333`

CIE-LAB	24.776, -2.043, -4.203
XYZ	3.986, 4.343, 5.629
xyY	0.286, 0.311, 4.343
CIE-LCH	24.776, 4.673, 244.08
CIE-LUV	24.776, -4.025, -4.484
Hunter-Lab	20.841, -2.332, -1.426
Binary	00110100, 00111100, 01000001

#343c41
```
#343c41 rgb(52,60,65)
```
#413934
```
#413934 rgb(65,57,52)
```

Complementary Color

#344140
```
#344140 rgb(52,65,64)
```
#343c41
```
#343c41 rgb(52,60,65)
```
#343641
```
#343641 rgb(52,54,65)
```

Analogous Color

#414034
```
#414034 rgb(65,64,52)
```
#343c41
```
#343c41 rgb(52,60,65)
```
#413436
```
#413436 rgb(65,52,54)
```

Split Complementary Color

#3c4134
```
#3c4134 rgb(60,65,52)
```
#343c41
```
#343c41 rgb(52,60,65)
```
#41343c
```
#41343c rgb(65,52,60)
```

Triadic Color

#344139
```
#344139 rgb(52,65,57)
```
#343c41
```
#343c41 rgb(52,60,65)
```
#41343c
```
#41343c rgb(65,52,60)
```
#413934
```
#413934 rgb(65,57,52)
```

Tetradic Color

#121517
```
#121517 rgb(18,21,23)
```
#1d2225
```
#1d2225 rgb(29,34,37)
```
#292f33
```
#292f33 rgb(41,47,51)
```
#343c41
```
#343c41 rgb(52,60,65)
```
#3f494f
```
#3f494f rgb(63,73,79)
```
#4b565d
```
#4b565d rgb(75,86,93)
```
#56636c
```
#56636c rgb(86,99,108)
```

Monochromatic Color

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

#343f41
```
#343f41 rgb(52,63,65)
```
#343e41
```
#343e41 rgb(52,62,65)
```
#343d41
```
#343d41 rgb(52,61,65)
```
#343c41
```
#343c41 rgb(52,60,65)
```
#343b41
```
#343b41 rgb(52,59,65)
```
#343a41
```
#343a41 rgb(52,58,65)
```
#343941
```
#343941 rgb(52,57,65)
```

Similar Colors

Text with hexadecimal color #343c41

This text has a font color of #343c41.

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

#343c41 background color

This paragraph has a background color of #343c41.

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

#343c41 border color

This element has a border color of #343c41.

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

CSS codes

.text {color:#343c41;}

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

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

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, #080a0b is the darkest color, while #ffffff is the lightest one.

#080a0b
```
#080a0b rgb(8,10,11)
```
#111415
```
#111415 rgb(17,20,21)
```
#1a1e20
```
#1a1e20 rgb(26,30,32)
```
#23282b
```
#23282b rgb(35,40,43)
```
#2b3236
```
#2b3236 rgb(43,50,54)
```
#343c41
```
#343c41 rgb(52,60,65)
```
#3d464c
```
#3d464c rgb(61,70,76)
```
#455057
```
#455057 rgb(69,80,87)
```
#4e5a62
```
#4e5a62 rgb(78,90,98)
```
#57646d
```
#57646d rgb(87,100,109)
```
#606e77
```
#606e77 rgb(96,110,119)
```
#687882
```
#687882 rgb(104,120,130)
```
#71828d
```
#71828d rgb(113,130,141)
```

Shade Color Variation

#7c8c96
```
#7c8c96 rgb(124,140,150)
```
#87969f
```
#87969f rgb(135,150,159)
```
#929fa8
```
#929fa8 rgb(146,159,168)
```
#9da9b0
```
#9da9b0 rgb(157,169,176)
```
#a7b2b9
```
#a7b2b9 rgb(167,178,185)
```
#b2bcc2
```
#b2bcc2 rgb(178,188,194)
```
#bdc5ca
```
#bdc5ca rgb(189,197,202)
```
#c8cfd3
```
#c8cfd3 rgb(200,207,211)
```
#d3d8dc
```
#d3d8dc rgb(211,216,220)
```
#dee2e5
```
#dee2e5 rgb(222,226,229)
```
#e9eced
```
#e9eced rgb(233,236,237)
```
#f4f5f6
```
#f4f5f6 rgb(244,245,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#393b3d
```
#393b3d rgb(57,59,61)
```
#343c41
```
#343c41 rgb(52,60,65)
```
#303d46
```
#303d46 rgb(48,61,70)
```
#2b3e4a
```
#2b3e4a rgb(43,62,74)
```
#273f4f
```
#273f4f rgb(39,63,79)
```
#224053
```
#224053 rgb(34,64,83)
```
#1e4158
```
#1e4158 rgb(30,65,88)
```
#19425c
```
#19425c rgb(25,66,92)
```
#154361
```
#154361 rgb(21,67,97)
```
#104465
```
#104465 rgb(16,68,101)
```
#0c456a
```
#0c456a rgb(12,69,106)
```
#07466e
```
#07466e rgb(7,70,110)
```
#024773
```
#024773 rgb(2,71,115)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#393a3b Atypical Achromatopsia 0.001% of the population

Dichromacy

#44444a Protanopia 1% of men
#48434b Deuteranopia 1% of men
#3e464b Tritanopia 0.001% of the population

Trichromacy

#3e4146 Protanomaly 1% of men, 0.01% of women
#404047 Deuteranomaly 6% of men, 0.4% of women
#3a4247 Tritanomaly 0.01% of the population

#343c41 hex color

#343c41 Color Information

#343c41 Color Conversion

Color Schemes with #343c41

Alternatives to #343c41

#343c41 Preview

Shades and Tints of #343c41

Tones of #343c41

Color Blindness Simulator