#343a30 hex color

In a RGB color space, hex #343a30 is composed of 20.4% red, 22.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 10.3% cyan, 0% magenta, 17.2% yellow and 77.3% black. It has a hue angle of 96 degrees, a saturation of 9.4% and a lightness of 20.8%. #343a30 color hex could be obtained by blending #687460 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 23
- B 19
RGB color chart
- C 10
- M 0
- Y 17
- K 77
CMYK color chart

● #343a30 color description : Very dark grayish green.

The hexadecimal color #343a30 has RGB values of R:52, G:58, B:48 and CMYK values of C:0.1, M:0, Y:0.17, K:0.77. Its decimal value is 3422768.

Hex triplet	343a30	`#343a30`
RGB Decimal	52, 58, 48	`rgb(52,58,48)`
RGB Percent	20.4, 22.7, 18.8	`rgb(20.4%,22.7%,18.8%)`
CMYK	10, 0, 17, 77
HSL	96°, 9.4, 20.8	`hsl(96,9.4%,20.8%)`
HSV (or HSB)	96°, 17.2, 22.7
Web Safe	333333	`#333333`

CIE-LAB	23.571, -4.811, 5.369
XYZ	3.463, 3.97, 3.38
xyY	0.32, 0.367, 3.97
CIE-LCH	23.571, 7.209, 131.859
CIE-LUV	23.571, -2.6, 6.155
Hunter-Lab	19.924, -3.844, 3.888
Binary	00110100, 00111010, 00110000

#343a30
```
#343a30 rgb(52,58,48)
```
#36303a
```
#36303a rgb(54,48,58)
```

Complementary Color

#393a30
```
#393a30 rgb(57,58,48)
```
#343a30
```
#343a30 rgb(52,58,48)
```
#303a31
```
#303a31 rgb(48,58,49)
```

Analogous Color

#3a3039
```
#3a3039 rgb(58,48,57)
```
#343a30
```
#343a30 rgb(52,58,48)
```
#31303a
```
#31303a rgb(49,48,58)
```

Split Complementary Color

#3a3034
```
#3a3034 rgb(58,48,52)
```
#343a30
```
#343a30 rgb(52,58,48)
```
#30343a
```
#30343a rgb(48,52,58)
```

Triadic Color

#3a3630
```
#3a3630 rgb(58,54,48)
```
#343a30
```
#343a30 rgb(52,58,48)
```
#30343a
```
#30343a rgb(48,52,58)
```
#36303a
```
#36303a rgb(54,48,58)
```

Tetradic Color

#0e100d
```
#0e100d rgb(14,16,13)
```
#1b1e19
```
#1b1e19 rgb(27,30,25)
```
#272c24
```
#272c24 rgb(39,44,36)
```
#343a30
```
#343a30 rgb(52,58,48)
```
#41483c
```
#41483c rgb(65,72,60)
```
#4d5647
```
#4d5647 rgb(77,86,71)
```
#5a6453
```
#5a6453 rgb(90,100,83)
```

Monochromatic Color

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

#373a30
```
#373a30 rgb(55,58,48)
```
#363a30
```
#363a30 rgb(54,58,48)
```
#353a30
```
#353a30 rgb(53,58,48)
```
#343a30
```
#343a30 rgb(52,58,48)
```
#333a30
```
#333a30 rgb(51,58,48)
```
#323a30
```
#323a30 rgb(50,58,48)
```
#323a30
```
#323a30 rgb(50,58,48)
```

Similar Colors

Text with hexadecimal color #343a30

This text has a font color of #343a30.

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

#343a30 background color

This paragraph has a background color of #343a30.

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

#343a30 border color

This element has a border color of #343a30.

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

CSS codes

.text {color:#343a30;}

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

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

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

#040404
```
#040404 rgb(4,4,4)
```
#0e0f0c
```
#0e0f0c rgb(14,15,12)
```
#171a15
```
#171a15 rgb(23,26,21)
```
#21251e
```
#21251e rgb(33,37,30)
```
#2a2f27
```
#2a2f27 rgb(42,47,39)
```
#343a30
```
#343a30 rgb(52,58,48)
```
#3e4539
```
#3e4539 rgb(62,69,57)
```
#474f42
```
#474f42 rgb(71,79,66)
```
#515a4b
```
#515a4b rgb(81,90,75)
```
#5a6554
```
#5a6554 rgb(90,101,84)
```
#64705c
```
#64705c rgb(100,112,92)
```
#6e7a65
```
#6e7a65 rgb(110,122,101)
```
#77856e
```
#77856e rgb(119,133,110)
```

Shade Color Variation

#818f78
```
#818f78 rgb(129,143,120)
```
#8b9883
```
#8b9883 rgb(139,152,131)
```
#95a18d
```
#95a18d rgb(149,161,141)
```
#9faa98
```
#9faa98 rgb(159,170,152)
```
#a9b3a3
```
#a9b3a3 rgb(169,179,163)
```
#b3bcad
```
#b3bcad rgb(179,188,173)
```
#bdc4b8
```
#bdc4b8 rgb(189,196,184)
```
#c7cdc3
```
#c7cdc3 rgb(199,205,195)
```
#d1d6ce
```
#d1d6ce rgb(209,214,206)
```
#dbdfd8
```
#dbdfd8 rgb(219,223,216)
```
#e5e8e3
```
#e5e8e3 rgb(229,232,227)
```
#eff1ee
```
#eff1ee rgb(239,241,238)
```
#f9faf9
```
#f9faf9 rgb(249,250,249)
```

Tint Color Variation

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

#353634
```
#353634 rgb(53,54,52)
```
#343a30
```
#343a30 rgb(52,58,48)
```
#333e2c
```
#333e2c rgb(51,62,44)
```
#324228
```
#324228 rgb(50,66,40)
```
#324624
```
#324624 rgb(50,70,36)
```
#314a20
```
#314a20 rgb(49,74,32)
```
#304e1c
```
#304e1c rgb(48,78,28)
```
#2f5218
```
#2f5218 rgb(47,82,24)
```
#2e5713
```
#2e5713 rgb(46,87,19)
```
#2d5b0f
```
#2d5b0f rgb(45,91,15)
```
#2d5f0b
```
#2d5f0b rgb(45,95,11)
```
#2c6307
```
#2c6307 rgb(44,99,7)
```
#2b6703
```
#2b6703 rgb(43,103,3)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#363836 Atypical Achromatopsia 0.001% of the population

Dichromacy

#454239 Protanopia 1% of men
#4b403c Deuteranopia 1% of men
#404247 Tritanopia 0.001% of the population

Trichromacy

#3f3f36 Protanomaly 1% of men, 0.01% of women
#423d37 Deuteranomaly 6% of men, 0.4% of women
#3c3f3e Tritanomaly 0.01% of the population

#343a30 hex color

#343a30 Color Information

#343a30 Color Conversion

Color Schemes with #343a30

Alternatives to #343a30

#343a30 Preview

Shades and Tints of #343a30

Tones of #343a30

Color Blindness Simulator