colorhexa.com

#342d27 hex color

In a RGB color space, hex #342d27 is composed of 20.4% red, 17.6% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.5% magenta, 25% yellow and 79.6% black. It has a hue angle of 27.7 degrees, a saturation of 14.3% and a lightness of 17.8%. #342d27 color hex could be obtained by blending #685a4e with #000000. Closest websafe color is: #333333.

- R 20
- G 18
- B 15
RGB color chart
- C 0
- M 13
- Y 25
- K 80
CMYK color chart

● #342d27 color description : Very dark grayish orange.

The hexadecimal color #342d27 has RGB values of R:52, G:45, B:39 and CMYK values of C:0, M:0.13, Y:0.25, K:0.8. Its decimal value is 3419431.

Hex triplet	342d27	`#342d27`
RGB Decimal	52, 45, 39	`rgb(52,45,39)`
RGB Percent	20.4, 17.6, 15.3	`rgb(20.4%,17.6%,15.3%)`
CMYK	0, 13, 25, 80
HSL	27.7°, 14.3, 17.8	`hsl(27.7,14.3%,17.8%)`
HSV (or HSB)	27.7°, 25, 20.4
Web Safe	333333	`#333333`

CIE-LAB	19.028, 1.969, 5.046
XYZ	2.721, 2.753, 2.307
xyY	0.35, 0.354, 2.753
CIE-LCH	19.028, 5.417, 68.686
CIE-LUV	19.028, 3.905, 4.475
Hunter-Lab	16.593, 0.23, 3.37
Binary	00110100, 00101101, 00100111

#342d27
```
#342d27 rgb(52,45,39)
```
#272e34
```
#272e34 rgb(39,46,52)
```

Complementary Color

#342728
```
#342728 rgb(52,39,40)
```
#342d27
```
#342d27 rgb(52,45,39)
```
#343427
```
#343427 rgb(52,52,39)
```

Analogous Color

#272834
```
#272834 rgb(39,40,52)
```
#342d27
```
#342d27 rgb(52,45,39)
```
#273434
```
#273434 rgb(39,52,52)
```

Split Complementary Color

#080706
```
#080706 rgb(8,7,6)
```
#171411
```
#171411 rgb(23,20,17)
```
#25201c
```
#25201c rgb(37,32,28)
```
#342d27
```
#342d27 rgb(52,45,39)
```
#433a32
```
#433a32 rgb(67,58,50)
```
#51463d
```
#51463d rgb(81,70,61)
```
#605348
```
#605348 rgb(96,83,72)
```

Monochromatic Color

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

#342a27
```
#342a27 rgb(52,42,39)
```
#342b27
```
#342b27 rgb(52,43,39)
```
#342c27
```
#342c27 rgb(52,44,39)
```
#342d27
```
#342d27 rgb(52,45,39)
```
#342e27
```
#342e27 rgb(52,46,39)
```
#342f27
```
#342f27 rgb(52,47,39)
```
#343027
```
#343027 rgb(52,48,39)
```

Similar Colors

Text with hexadecimal color #342d27

This text has a font color of #342d27.

<span style="color:#342d27;">Text here</span>

#342d27 background color

This paragraph has a background color of #342d27.

<p style="background-color:#342d27;">Content here</p>

#342d27 border color

This element has a border color of #342d27.

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

CSS codes

.text {color:#342d27;}

.background {background-color:#342d27;}

.border {border:1px solid #342d27;}

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

#070605
```
#070605 rgb(7,6,5)
```
#12100e
```
#12100e rgb(18,16,14)
```
#1e1a16
```
#1e1a16 rgb(30,26,22)
```
#29231f
```
#29231f rgb(41,35,31)
```
#342d27
```
#342d27 rgb(52,45,39)
```
#3f372f
```
#3f372f rgb(63,55,47)
```
#4a4038
```
#4a4038 rgb(74,64,56)
```
#564a40
```
#564a40 rgb(86,74,64)
```
#615449
```
#615449 rgb(97,84,73)
```
#6c5d51
```
#6c5d51 rgb(108,93,81)
```
#776759
```
#776759 rgb(119,103,89)
```
#827162
```
#827162 rgb(130,113,98)
```
#8e7b6a
```
#8e7b6a rgb(142,123,106)
```

Shade Color Variation

#978474
```
#978474 rgb(151,132,116)
```
#9f8e80
```
#9f8e80 rgb(159,142,128)
```
#a8988b
```
#a8988b rgb(168,152,139)
```
#b0a296
```
#b0a296 rgb(176,162,150)
```
#b9aca1
```
#b9aca1 rgb(185,172,161)
```
#c1b6ac
```
#c1b6ac rgb(193,182,172)
```
#cac0b8
```
#cac0b8 rgb(202,192,184)
```
#d2cac3
```
#d2cac3 rgb(210,202,195)
```
#dad4ce
```
#dad4ce rgb(218,212,206)
```
#e3ded9
```
#e3ded9 rgb(227,222,217)
```
#ebe8e5
```
#ebe8e5 rgb(235,232,229)
```
#f4f2f0
```
#f4f2f0 rgb(244,242,240)
```
#fcfbfb
```
#fcfbfb rgb(252,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #312d2b is the less saturated color, while #5b2a00 is the most saturated one.

#312d2b
```
#312d2b rgb(49,45,43)
```
#342d27
```
#342d27 rgb(52,45,39)
```
#382d24
```
#382d24 rgb(56,45,36)
```
#3b2c20
```
#3b2c20 rgb(59,44,32)
```
#3f2c1d
```
#3f2c1d rgb(63,44,29)
```
#422c19
```
#422c19 rgb(66,44,25)
```
#462c16
```
#462c16 rgb(70,44,22)
```
#492b12
```
#492b12 rgb(73,43,18)
```
#4d2b0f
```
#4d2b0f rgb(77,43,15)
```
#502b0b
```
#502b0b rgb(80,43,11)
```
#542b07
```
#542b07 rgb(84,43,7)
```
#572a04
```
#572a04 rgb(87,42,4)
```
#5b2a00
```
#5b2a00 rgb(91,42,0)
```

Tone Color Variation

Below, you can see how #342d27 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

#2e2e2e Achromatopsia 0.005% of the population
#2f2e2d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b3832 Protanopia 1% of men
#403732 Deuteranopia 1% of men
#3f363a Tritanopia 0.001% of the population

Trichromacy

#38342e Protanomaly 1% of men, 0.01% of women
#3c332e Deuteranomaly 6% of men, 0.4% of women
#3b3333 Tritanomaly 0.01% of the population