#343a3c hex color

In a RGB color space, hex #343a3c is composed of 20.4% red, 22.7% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 13.3% cyan, 3.3% magenta, 0% yellow and 76.5% black. It has a hue angle of 195 degrees, a saturation of 7.1% and a lightness of 22%. #343a3c color hex could be obtained by blending #687478 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 23
- B 24
RGB color chart
- C 13
- M 3
- Y 0
- K 76
CMYK color chart

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

The hexadecimal color #343a3c has RGB values of R:52, G:58, B:60 and CMYK values of C:0.13, M:0.03, Y:0, K:0.76. Its decimal value is 3422780.

Hex triplet	343a3c	`#343a3c`
RGB Decimal	52, 58, 60	`rgb(52,58,60)`
RGB Percent	20.4, 22.7, 23.5	`rgb(20.4%,22.7%,23.5%)`
CMYK	13, 3, 0, 76
HSL	195°, 7.1, 22	`hsl(195,7.1%,22%)`
HSV (or HSB)	195°, 13.3, 23.5
Web Safe	333333	`#333333`

CIE-LAB	23.942, -2.028, -2.106
XYZ	3.745, 4.082, 4.865
xyY	0.295, 0.322, 4.082
CIE-LCH	23.942, 2.924, 226.083
CIE-LUV	23.942, -2.991, -2.062
Hunter-Lab	20.205, -2.276, -0.134
Binary	00110100, 00111010, 00111100

#343a3c
```
#343a3c rgb(52,58,60)
```
#3c3634
```
#3c3634 rgb(60,54,52)
```

Complementary Color

#343c3a
```
#343c3a rgb(52,60,58)
```
#343a3c
```
#343a3c rgb(52,58,60)
```
#34363c
```
#34363c rgb(52,54,60)
```

Analogous Color

#3c3a34
```
#3c3a34 rgb(60,58,52)
```
#343a3c
```
#343a3c rgb(52,58,60)
```
#3c3436
```
#3c3436 rgb(60,52,54)
```

Split Complementary Color

#3a3c34
```
#3a3c34 rgb(58,60,52)
```
#343a3c
```
#343a3c rgb(52,58,60)
```
#3c343a
```
#3c343a rgb(60,52,58)
```

Triadic Color

#343c36
```
#343c36 rgb(52,60,54)
```
#343a3c
```
#343a3c rgb(52,58,60)
```
#3c343a
```
#3c343a rgb(60,52,58)
```
#3c3634
```
#3c3634 rgb(60,54,52)
```

Tetradic Color

#101213
```
#101213 rgb(16,18,19)
```
#1c2021
```
#1c2021 rgb(28,32,33)
```
#282d2e
```
#282d2e rgb(40,45,46)
```
#343a3c
```
#343a3c rgb(52,58,60)
```
#40474a
```
#40474a rgb(64,71,74)
```
#4c5457
```
#4c5457 rgb(76,84,87)
```
#586265
```
#586265 rgb(88,98,101)
```

Monochromatic Color

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

#343c3c
```
#343c3c rgb(52,60,60)
```
#343b3c
```
#343b3c rgb(52,59,60)
```
#343b3c
```
#343b3c rgb(52,59,60)
```
#343a3c
```
#343a3c rgb(52,58,60)
```
#34393c
```
#34393c rgb(52,57,60)
```
#34393c
```
#34393c rgb(52,57,60)
```
#34383c
```
#34383c rgb(52,56,60)
```

Similar Colors

Text with hexadecimal color #343a3c

This text has a font color of #343a3c.

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

#343a3c background color

This paragraph has a background color of #343a3c.

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

#343a3c border color

This element has a border color of #343a3c.

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

CSS codes

.text {color:#343a3c;}

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

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

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

#060707
```
#060707 rgb(6,7,7)
```
#101112
```
#101112 rgb(16,17,18)
```
#191c1c
```
#191c1c rgb(25,28,28)
```
#222627
```
#222627 rgb(34,38,39)
```
#2b3031
```
#2b3031 rgb(43,48,49)
```
#343a3c
```
#343a3c rgb(52,58,60)
```
#3d4447
```
#3d4447 rgb(61,68,71)
```
#464e51
```
#464e51 rgb(70,78,81)
```
#4f585c
```
#4f585c rgb(79,88,92)
```
#586366
```
#586366 rgb(88,99,102)
```
#626d71
```
#626d71 rgb(98,109,113)
```
#6b777b
```
#6b777b rgb(107,119,123)
```
#748186
```
#748186 rgb(116,129,134)
```

Shade Color Variation

#7e8b8f
```
#7e8b8f rgb(126,139,143)
```
#889498
```
#889498 rgb(136,148,152)
```
#939ea1
```
#939ea1 rgb(147,158,161)
```
#9da7aa
```
#9da7aa rgb(157,167,170)
```
#a8b1b4
```
#a8b1b4 rgb(168,177,180)
```
#b2babd
```
#b2babd rgb(178,186,189)
```
#bdc4c6
```
#bdc4c6 rgb(189,196,198)
```
#c7cdcf
```
#c7cdcf rgb(199,205,207)
```
#d2d6d8
```
#d2d6d8 rgb(210,214,216)
```
#dce0e1
```
#dce0e1 rgb(220,224,225)
```
#e7e9ea
```
#e7e9ea rgb(231,233,234)
```
#f1f3f3
```
#f1f3f3 rgb(241,243,243)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#343a3c
```
#343a3c rgb(52,58,60)
```
#303c40
```
#303c40 rgb(48,60,64)
```
#2b3e45
```
#2b3e45 rgb(43,62,69)
```
#274049
```
#274049 rgb(39,64,73)
```
#23434d
```
#23434d rgb(35,67,77)
```
#1e4552
```
#1e4552 rgb(30,69,82)
```
#1a4756
```
#1a4756 rgb(26,71,86)
```
#16495a
```
#16495a rgb(22,73,90)
```
#124b5e
```
#124b5e rgb(18,75,94)
```
#0d4d63
```
#0d4d63 rgb(13,77,99)
```
#095067
```
#095067 rgb(9,80,103)
```
#05526b
```
#05526b rgb(5,82,107)
```
#005470
```
#005470 rgb(0,84,112)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#373839 Atypical Achromatopsia 0.001% of the population

Dichromacy

#434245 Protanopia 1% of men
#474147 Deuteranopia 1% of men
#3f4348 Tritanopia 0.001% of the population

Trichromacy

#3e3f41 Protanomaly 1% of men, 0.01% of women
#403e43 Deuteranomaly 6% of men, 0.4% of women
#3b4044 Tritanomaly 0.01% of the population

#343a3c hex color

#343a3c Color Information

#343a3c Color Conversion

Color Schemes with #343a3c

Alternatives to #343a3c

#343a3c Preview

Shades and Tints of #343a3c

Tones of #343a3c

Color Blindness Simulator