#332218 Color Information
In a RGB color space, hex #332218 is composed of 20% red, 13.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 52.9% yellow and 80% black. It has a hue angle of 22.2 degrees, a saturation of 36% and a lightness of 14.7%. #332218 color hex could be obtained by blending #664430 with #000000. Closest websafe color is: #333300.
-
- R 20
- G 13
- B 9
-
- C 0
- M 33
- Y 53
- K 80
● #332218 color description : Very dark desaturated orange.
#332218 Color Conversion
The hexadecimal color #332218 has RGB values of R:51, G:34, B:24 and CMYK values of C:0, M:0.33, Y:0.53, K:0.8. Its decimal value is 3351064.
Hex triplet | 332218 | #332218 |
---|---|---|
RGB Decimal | 51, 34, 24 | rgb(51,34,24) |
RGB Percent | 20, 13.3, 9.4 | rgb(20%,13.3%,9.4%) |
CMYK | 0, 33, 53, 80 | |
HSL | 22.2°, 36, 14.7 | hsl(22.2,36%,14.7%) |
HSV (or HSB) | 22.2°, 52.9, 20 | |
Web Safe | 333300 | #333300 |
CIE-LAB | 15.029, 6.605, 9.966 |
---|---|
XYZ | 2.102, 1.914, 1.123 |
xyY | 0.409, 0.372, 1.914 |
CIE-LCH | 15.029, 11.956, 56.465 |
CIE-LUV | 15.029, 9.412, 6.961 |
Hunter-Lab | 13.834, 2.913, 4.872 |
Binary | 00110011, 00100010, 00011000 |
Color Schemes with #332218
Alternatives to #332218
Below, you can see some colors close to #332218. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#332218 Preview
This text has a font color of #332218.
<span style="color:#332218;">Text here</span>
This paragraph has a background color of #332218.
<p style="background-color:#332218;">Content here</p>
This element has a border color of #332218.
<div style="border:1px solid #332218;">Content here</div>
.text {color:#332218;}
.background {background-color:#332218;}
.border {border:1px solid #332218;}
Shades and Tints of #332218
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, #0b0705 is the darkest color, while #fefdfd is the lightest one.
-
#0b0705
#0b0705
rgb(11,7,5)
-
#18100b
#18100b
rgb(24,16,11)
-
#261912
#261912
rgb(38,25,18)
-
#332218
#332218
rgb(51,34,24)
-
#402b1e
#402b1e
rgb(64,43,30)
-
#4e3425
#4e3425
rgb(78,52,37)
-
#5b3d2b
#5b3d2b
rgb(91,61,43)
-
#684631
#684631
rgb(104,70,49)
-
#764e37
#764e37
rgb(118,78,55)
-
#83573e
#83573e
rgb(131,87,62)
-
#906044
#906044
rgb(144,96,68)
-
#9e694a
#9e694a
rgb(158,105,74)
-
#ab7250
#ab7250
rgb(171,114,80)
-
#b37c5d
#b37c5d
rgb(179,124,93)
-
#b9876a
#b9876a
rgb(185,135,106)
-
#bf9277
#bf9277
rgb(191,146,119)
-
#c59d85
#c59d85
rgb(197,157,133)
-
#cca792
#cca792
rgb(204,167,146)
-
#d2b29f
#d2b29f
rgb(210,178,159)
-
#d8bdad
#d8bdad
rgb(216,189,173)
-
#dfc7ba
#dfc7ba
rgb(223,199,186)
-
#e5d2c7
#e5d2c7
rgb(229,210,199)
-
#ebddd5
#ebddd5
rgb(235,221,213)
-
#f1e8e2
#f1e8e2
rgb(241,232,226)
-
#f8f2ef
#f8f2ef
rgb(248,242,239)
-
#fefdfd
#fefdfd
rgb(254,253,253)
Tones of #332218
A tone is produced by adding gray to any pure hue. In this case, #272524 is the less saturated color, while #4a1c01 is the most saturated one.
-
#272524
#272524
rgb(39,37,36)
-
#2a2421
#2a2421
rgb(42,36,33)
-
#2d231e
#2d231e
rgb(45,35,30)
-
#30231b
#30231b
rgb(48,35,27)
-
#332218
#332218
rgb(51,34,24)
-
#362115
#362115
rgb(54,33,21)
-
#392112
#392112
rgb(57,33,18)
-
#3c200f
#3c200f
rgb(60,32,15)
-
#3f1f0c
#3f1f0c
rgb(63,31,12)
-
#411e0a
#411e0a
rgb(65,30,10)
-
#441e07
#441e07
rgb(68,30,7)
-
#471d04
#471d04
rgb(71,29,4)
-
#4a1c01
#4a1c01
rgb(74,28,1)
Color Blindness Simulator
Below, you can see how #332218 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.