#343d3f hex color

In a RGB color space, hex #343d3f is composed of 20.4% red, 23.9% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 3.2% magenta, 0% yellow and 75.3% black. It has a hue angle of 190.9 degrees, a saturation of 9.6% and a lightness of 22.5%. #343d3f color hex could be obtained by blending #687a7e with #000000. Closest websafe color is: #333333.

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

● #343d3f color description : Very dark grayish cyan.

The hexadecimal color #343d3f has RGB values of R:52, G:61, B:63 and CMYK values of C:0.17, M:0.03, Y:0, K:0.75. Its decimal value is 3423551.

Hex triplet	343d3f	`#343d3f`
RGB Decimal	52, 61, 63	`rgb(52,61,63)`
RGB Percent	20.4, 23.9, 24.7	`rgb(20.4%,23.9%,24.7%)`
CMYK	17, 3, 0, 75
HSL	190.9°, 9.6, 22.5	`hsl(190.9,9.6%,22.5%)`
HSV (or HSB)	190.9°, 17.5, 24.7
Web Safe	333333	`#333333`

CIE-LAB	25.034, -3.214, -2.492
XYZ	3.982, 4.426, 5.347
xyY	0.289, 0.322, 4.426
CIE-LCH	25.034, 4.067, 217.787
CIE-LUV	25.034, -4.403, -2.393
Hunter-Lab	21.039, -3.034, -0.341
Binary	00110100, 00111101, 00111111

#343d3f
```
#343d3f rgb(52,61,63)
```
#3f3634
```
#3f3634 rgb(63,54,52)
```

Complementary Color

#343f3c
```
#343f3c rgb(52,63,60)
```
#343d3f
```
#343d3f rgb(52,61,63)
```
#34383f
```
#34383f rgb(52,56,63)
```

Analogous Color

#3f3c34
```
#3f3c34 rgb(63,60,52)
```
#343d3f
```
#343d3f rgb(52,61,63)
```
#3f3438
```
#3f3438 rgb(63,52,56)
```

Split Complementary Color

#3d3f34
```
#3d3f34 rgb(61,63,52)
```
#343d3f
```
#343d3f rgb(52,61,63)
```
#3f343d
```
#3f343d rgb(63,52,61)
```

Triadic Color

#343f36
```
#343f36 rgb(52,63,54)
```
#343d3f
```
#343d3f rgb(52,61,63)
```
#3f343d
```
#3f343d rgb(63,52,61)
```
#3f3634
```
#3f3634 rgb(63,54,52)
```

Tetradic Color

#111415
```
#111415 rgb(17,20,21)
```
#1d2223
```
#1d2223 rgb(29,34,35)
```
#282f31
```
#282f31 rgb(40,47,49)
```
#343d3f
```
#343d3f rgb(52,61,63)
```
#404b4d
```
#404b4d rgb(64,75,77)
```
#4b585b
```
#4b585b rgb(75,88,91)
```
#576669
```
#576669 rgb(87,102,105)
```

Monochromatic Color

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

#343f3e
```
#343f3e rgb(52,63,62)
```
#343f3f
```
#343f3f rgb(52,63,63)
```
#343e3f
```
#343e3f rgb(52,62,63)
```
#343d3f
```
#343d3f rgb(52,61,63)
```
#343c3f
```
#343c3f rgb(52,60,63)
```
#343b3f
```
#343b3f rgb(52,59,63)
```
#343a3f
```
#343a3f rgb(52,58,63)
```

Similar Colors

Text with hexadecimal color #343d3f

This text has a font color of #343d3f.

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

#343d3f background color

This paragraph has a background color of #343d3f.

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

#343d3f border color

This element has a border color of #343d3f.

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

CSS codes

.text {color:#343d3f;}

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

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

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

#080909
```
#080909 rgb(8,9,9)
```
#111314
```
#111314 rgb(17,19,20)
```
#191e1f
```
#191e1f rgb(25,30,31)
```
#22282a
```
#22282a rgb(34,40,42)
```
#2b3334
```
#2b3334 rgb(43,51,52)
```
#343d3f
```
#343d3f rgb(52,61,63)
```
#3d474a
```
#3d474a rgb(61,71,74)
```
#465254
```
#465254 rgb(70,82,84)
```
#4f5c5f
```
#4f5c5f rgb(79,92,95)
```
#57676a
```
#57676a rgb(87,103,106)
```
#607175
```
#607175 rgb(96,113,117)
```
#697b7f
```
#697b7f rgb(105,123,127)
```
#72868a
```
#72868a rgb(114,134,138)
```

Shade Color Variation

#7d8f93
```
#7d8f93 rgb(125,143,147)
```
#87989c
```
#87989c rgb(135,152,156)
```
#92a2a5
```
#92a2a5 rgb(146,162,165)
```
#9dabae
```
#9dabae rgb(157,171,174)
```
#a8b4b7
```
#a8b4b7 rgb(168,180,183)
```
#b2bdc0
```
#b2bdc0 rgb(178,189,192)
```
#bdc6c9
```
#bdc6c9 rgb(189,198,201)
```
#c8d0d1
```
#c8d0d1 rgb(200,208,209)
```
#d3d9da
```
#d3d9da rgb(211,217,218)
```
#dde2e3
```
#dde2e3 rgb(221,226,227)
```
#e8ebec
```
#e8ebec rgb(232,235,236)
```
#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, #383a3b is the less saturated color, while #035c70 is the most saturated one.

#383a3b
```
#383a3b rgb(56,58,59)
```
#343d3f
```
#343d3f rgb(52,61,63)
```
#304043
```
#304043 rgb(48,64,67)
```
#2b4348
```
#2b4348 rgb(43,67,72)
```
#27454c
```
#27454c rgb(39,69,76)
```
#224851
```
#224851 rgb(34,72,81)
```
#1e4b55
```
#1e4b55 rgb(30,75,85)
```
#194e5a
```
#194e5a rgb(25,78,90)
```
#15515e
```
#15515e rgb(21,81,94)
```
#115462
```
#115462 rgb(17,84,98)
```
#0c5667
```
#0c5667 rgb(12,86,103)
```
#08596b
```
#08596b rgb(8,89,107)
```
#035c70
```
#035c70 rgb(3,92,112)
```

Tone Color Variation

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

#454547 Protanopia 1% of men
#49434a Deuteranopia 1% of men
#3f464b Tritanopia 0.001% of the population

Trichromacy

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

#343d3f hex color

#343d3f Color Information

#343d3f Color Conversion

Color Schemes with #343d3f

Alternatives to #343d3f

#343d3f Preview

Shades and Tints of #343d3f

Tones of #343d3f

Color Blindness Simulator