#222216 Color Information
In a RGB color space, hex #222216 is composed of 13.3% red, 13.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 35.3% yellow and 86.7% black. It has a hue angle of 60 degrees, a saturation of 21.4% and a lightness of 11%. #222216 color hex could be obtained by blending #44442c with #000000. Closest websafe color is: #333300.
-
- R 13
- G 13
- B 9
-
- C 0
- M 0
- Y 35
- K 87
● #222216 color description : Very dark (mostly black) yellow [Olive tone].
#222216 Color Conversion
The hexadecimal color #222216 has RGB values of R:34, G:34, B:22 and CMYK values of C:0, M:0, Y:0.35, K:0.87. Its decimal value is 2236950.
Hex triplet | 222216 | #222216 |
---|---|---|
RGB Decimal | 34, 34, 22 | rgb(34,34,22) |
RGB Percent | 13.3, 13.3, 8.6 | rgb(13.3%,13.3%,8.6%) |
CMYK | 0, 0, 35, 87 | |
HSL | 60°, 21.4, 11 | hsl(60,21.4%,11%) |
HSV (or HSB) | 60°, 35.3, 13.3 | |
Web Safe | 333300 | #333300 |
CIE-LAB | 12.873, -2.577, 8.12 |
---|---|
XYZ | 1.377, 1.542, 0.984 |
xyY | 0.353, 0.395, 1.542 |
CIE-LCH | 12.873, 8.519, 107.609 |
CIE-LUV | 12.873, 0.447, 6.205 |
Hunter-Lab | 12.418, -1.945, 3.994 |
Binary | 00100010, 00100010, 00010110 |
Color Schemes with #222216
Alternatives to #222216
Below, you can see some colors close to #222216. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222216 Preview
This text has a font color of #222216.
<span style="color:#222216;">Text here</span>
This paragraph has a background color of #222216.
<p style="background-color:#222216;">Content here</p>
This element has a border color of #222216.
<div style="border:1px solid #222216;">Content here</div>
.text {color:#222216;}
.background {background-color:#222216;}
.border {border:1px solid #222216;}
Shades and Tints of #222216
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, #0a0a07 is the darkest color, while #fefefd is the lightest one.
-
#0a0a07
#0a0a07
rgb(10,10,7)
-
#16160e
#16160e
rgb(22,22,14)
-
#222216
#222216
rgb(34,34,22)
-
#2e2e1e
#2e2e1e
rgb(46,46,30)
-
#3a3a25
#3a3a25
rgb(58,58,37)
-
#46462d
#46462d
rgb(70,70,45)
-
#525235
#525235
rgb(82,82,53)
-
#5e5e3d
#5e5e3d
rgb(94,94,61)
-
#696944
#696944
rgb(105,105,68)
-
#75754c
#75754c
rgb(117,117,76)
-
#818154
#818154
rgb(129,129,84)
-
#8d8d5b
#8d8d5b
rgb(141,141,91)
-
#999963
#999963
rgb(153,153,99)
-
#a1a16e
#a1a16e
rgb(161,161,110)
-
#a9a97a
#a9a97a
rgb(169,169,122)
-
#b1b186
#b1b186
rgb(177,177,134)
-
#b9b992
#b9b992
rgb(185,185,146)
-
#c0c09e
#c0c09e
rgb(192,192,158)
-
#c8c8aa
#c8c8aa
rgb(200,200,170)
-
#d0d0b6
#d0d0b6
rgb(208,208,182)
-
#d7d7c2
#d7d7c2
rgb(215,215,194)
-
#dfdfce
#dfdfce
rgb(223,223,206)
-
#e7e7da
#e7e7da
rgb(231,231,218)
-
#eeeee5
#eeeee5
rgb(238,238,229)
-
#f6f6f1
#f6f6f1
rgb(246,246,241)
-
#fefefd
#fefefd
rgb(254,254,253)
Tones of #222216
A tone is produced by adding gray to any pure hue. In this case, #1e1e1a is the less saturated color, while #383800 is the most saturated one.
-
#1e1e1a
#1e1e1a
rgb(30,30,26)
-
#202018
#202018
rgb(32,32,24)
-
#222216
#222216
rgb(34,34,22)
-
#242414
#242414
rgb(36,36,20)
-
#262612
#262612
rgb(38,38,18)
-
#282810
#282810
rgb(40,40,16)
-
#2b2b0d
#2b2b0d
rgb(43,43,13)
-
#2d2d0b
#2d2d0b
rgb(45,45,11)
-
#2f2f09
#2f2f09
rgb(47,47,9)
-
#313107
#313107
rgb(49,49,7)
-
#333305
#333305
rgb(51,51,5)
-
#353503
#353503
rgb(53,53,3)
-
#383800
#383800
rgb(56,56,0)
Color Blindness Simulator
Below, you can see how #222216 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.