#342c22 Color Information
In a RGB color space, hex #342c22 is composed of 20.4% red, 17.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.4% magenta, 34.6% yellow and 79.6% black. It has a hue angle of 33.3 degrees, a saturation of 20.9% and a lightness of 16.9%. #342c22 color hex could be obtained by blending #685844 with #000000. Closest websafe color is: #333333.
-
- R 20
- G 17
- B 13
-
- C 0
- M 15
- Y 35
- K 80
● #342c22 color description : Very dark grayish orange.
#342c22 Color Conversion
The hexadecimal color #342c22 has RGB values of R:52, G:44, B:34 and CMYK values of C:0, M:0.15, Y:0.35, K:0.8. Its decimal value is 3419170.
Hex triplet | 342c22 | #342c22 |
---|---|---|
RGB Decimal | 52, 44, 34 | rgb(52,44,34) |
RGB Percent | 20.4, 17.3, 13.3 | rgb(20.4%,17.3%,13.3%) |
CMYK | 0, 15, 35, 80 | |
HSL | 33.3°, 20.9, 16.9 | hsl(33.3,20.9%,16.9%) |
HSV (or HSB) | 33.3°, 34.6, 20.4 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 18.571, 1.75, 7.848 |
---|---|
XYZ | 2.606, 2.647, 1.887 |
xyY | 0.365, 0.371, 2.647 |
CIE-LCH | 18.571, 8.041, 77.431 |
CIE-LUV | 18.571, 4.689, 6.825 |
Hunter-Lab | 16.27, 0.115, 4.512 |
Binary | 00110100, 00101100, 00100010 |
Color Schemes with #342c22
Alternatives to #342c22
Below, you can see some colors close to #342c22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#342c22 Preview
This text has a font color of #342c22.
<span style="color:#342c22;">Text here</span>
This paragraph has a background color of #342c22.
<p style="background-color:#342c22;">Content here</p>
This element has a border color of #342c22.
<div style="border:1px solid #342c22;">Content here</div>
.text {color:#342c22;}
.background {background-color:#342c22;}
.border {border:1px solid #342c22;}
Shades and Tints of #342c22
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, #050403 is the darkest color, while #faf9f8 is the lightest one.
-
#050403
#050403
rgb(5,4,3)
-
#100e0b
#100e0b
rgb(16,14,11)
-
#1c1812
#1c1812
rgb(28,24,18)
-
#28221a
#28221a
rgb(40,34,26)
-
#342c22
#342c22
rgb(52,44,34)
-
#40362a
#40362a
rgb(64,54,42)
-
#4c4032
#4c4032
rgb(76,64,50)
-
#584a39
#584a39
rgb(88,74,57)
-
#635441
#635441
rgb(99,84,65)
-
#6f5e49
#6f5e49
rgb(111,94,73)
-
#7b6851
#7b6851
rgb(123,104,81)
-
#877258
#877258
rgb(135,114,88)
-
#937c60
#937c60
rgb(147,124,96)
-
#9d8669
#9d8669
rgb(157,134,105)
-
#a59075
#a59075
rgb(165,144,117)
-
#ad9981
#ad9981
rgb(173,153,129)
-
#b4a38d
#b4a38d
rgb(180,163,141)
-
#bcac99
#bcac99
rgb(188,172,153)
-
#c4b6a5
#c4b6a5
rgb(196,182,165)
-
#ccc0b1
#ccc0b1
rgb(204,192,177)
-
#d3c9bc
#d3c9bc
rgb(211,201,188)
-
#dbd3c8
#dbd3c8
rgb(219,211,200)
-
#e3dcd4
#e3dcd4
rgb(227,220,212)
-
#ebe6e0
#ebe6e0
rgb(235,230,224)
-
#f2f0ec
#f2f0ec
rgb(242,240,236)
-
#faf9f8
#faf9f8
rgb(250,249,248)
Tones of #342c22
A tone is produced by adding gray to any pure hue. In this case, #2d2b29 is the less saturated color, while #553001 is the most saturated one.
-
#2d2b29
#2d2b29
rgb(45,43,41)
-
#312c25
#312c25
rgb(49,44,37)
-
#342c22
#342c22
rgb(52,44,34)
-
#372c1f
#372c1f
rgb(55,44,31)
-
#3b2d1b
#3b2d1b
rgb(59,45,27)
-
#3e2d18
#3e2d18
rgb(62,45,24)
-
#412d15
#412d15
rgb(65,45,21)
-
#452e11
#452e11
rgb(69,46,17)
-
#482e0e
#482e0e
rgb(72,46,14)
-
#4b2f0b
#4b2f0b
rgb(75,47,11)
-
#4e2f08
#4e2f08
rgb(78,47,8)
-
#522f04
#522f04
rgb(82,47,4)
-
#553001
#553001
rgb(85,48,1)
Color Blindness Simulator
Below, you can see how #342c22 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.