#332b22 Color Information
In a RGB color space, hex #332b22 is composed of 20% red, 16.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.7% magenta, 33.3% yellow and 80% black. It has a hue angle of 31.8 degrees, a saturation of 20% and a lightness of 16.7%. #332b22 color hex could be obtained by blending #665644 with #000000. Closest websafe color is: #333333.
-
- R 20
- G 17
- B 13
-
- C 0
- M 16
- Y 33
- K 80
● #332b22 color description : Very dark grayish orange.
#332b22 Color Conversion
The hexadecimal color #332b22 has RGB values of R:51, G:43, B:34 and CMYK values of C:0, M:0.16, Y:0.33, K:0.8. Its decimal value is 3353378.
Hex triplet | 332b22 | #332b22 |
---|---|---|
RGB Decimal | 51, 43, 34 | rgb(51,43,34) |
RGB Percent | 20, 16.9, 13.3 | rgb(20%,16.9%,13.3%) |
CMYK | 0, 16, 33, 80 | |
HSL | 31.8°, 20, 16.7 | hsl(31.8,20%,16.7%) |
HSV (or HSB) | 31.8°, 33.3, 20 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 18.13, 1.936, 7.223 |
---|---|
XYZ | 2.518, 2.547, 1.872 |
xyY | 0.363, 0.367, 2.547 |
CIE-LCH | 18.13, 7.478, 74.993 |
CIE-LUV | 18.13, 4.593, 6.208 |
Hunter-Lab | 15.96, 0.231, 4.216 |
Binary | 00110011, 00101011, 00100010 |
Color Schemes with #332b22
Alternatives to #332b22
Below, you can see some colors close to #332b22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#332b22 Preview
This text has a font color of #332b22.
<span style="color:#332b22;">Text here</span>
This paragraph has a background color of #332b22.
<p style="background-color:#332b22;">Content here</p>
This element has a border color of #332b22.
<div style="border:1px solid #332b22;">Content here</div>
.text {color:#332b22;}
.background {background-color:#332b22;}
.border {border:1px solid #332b22;}
Shades and Tints of #332b22
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, #040303 is the darkest color, while #faf9f7 is the lightest one.
-
#040303
#040303
rgb(4,3,3)
-
#100d0a
#100d0a
rgb(16,13,10)
-
#1b1712
#1b1712
rgb(27,23,18)
-
#27211a
#27211a
rgb(39,33,26)
-
#332b22
#332b22
rgb(51,43,34)
-
#3f352a
#3f352a
rgb(63,53,42)
-
#4b3f32
#4b3f32
rgb(75,63,50)
-
#56493a
#56493a
rgb(86,73,58)
-
#625341
#625341
rgb(98,83,65)
-
#6e5d49
#6e5d49
rgb(110,93,73)
-
#7a6751
#7a6751
rgb(122,103,81)
-
#857059
#857059
rgb(133,112,89)
-
#917a61
#917a61
rgb(145,122,97)
-
#9c846a
#9c846a
rgb(156,132,106)
-
#a38e76
#a38e76
rgb(163,142,118)
-
#ab9881
#ab9881
rgb(171,152,129)
-
#b3a18d
#b3a18d
rgb(179,161,141)
-
#bbab99
#bbab99
rgb(187,171,153)
-
#c3b5a5
#c3b5a5
rgb(195,181,165)
-
#cbbeb1
#cbbeb1
rgb(203,190,177)
-
#d3c8bc
#d3c8bc
rgb(211,200,188)
-
#dad2c8
#dad2c8
rgb(218,210,200)
-
#e2dbd4
#e2dbd4
rgb(226,219,212)
-
#eae5e0
#eae5e0
rgb(234,229,224)
-
#f2efeb
#f2efeb
rgb(242,239,235)
-
#faf9f7
#faf9f7
rgb(250,249,247)
Tones of #332b22
A tone is produced by adding gray to any pure hue. In this case, #2c2b29 is the less saturated color, while #542d01 is the most saturated one.
-
#2c2b29
#2c2b29
rgb(44,43,41)
-
#302b25
#302b25
rgb(48,43,37)
-
#332b22
#332b22
rgb(51,43,34)
-
#362b1f
#362b1f
rgb(54,43,31)
-
#3a2b1b
#3a2b1b
rgb(58,43,27)
-
#3d2c18
#3d2c18
rgb(61,44,24)
-
#402c15
#402c15
rgb(64,44,21)
-
#432c12
#432c12
rgb(67,44,18)
-
#472c0e
#472c0e
rgb(71,44,14)
-
#4a2c0b
#4a2c0b
rgb(74,44,11)
-
#4d2d08
#4d2d08
rgb(77,45,8)
-
#502d05
#502d05
rgb(80,45,5)
-
#542d01
#542d01
rgb(84,45,1)
Color Blindness Simulator
Below, you can see how #332b22 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.