#222020 Color Information
In a RGB color space, hex #222020 is composed of 13.3% red, 12.5% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.9% magenta, 5.9% yellow and 86.7% black. It has a hue angle of 0 degrees, a saturation of 3% and a lightness of 12.9%. #222020 color hex could be obtained by blending #444040 with #000000. Closest websafe color is: #333333.
-
- R 13
- G 13
- B 13
-
- C 0
- M 6
- Y 6
- K 87
● #222020 color description : Very dark (mostly black) red.
#222020 Color Conversion
The hexadecimal color #222020 has RGB values of R:34, G:32, B:32 and CMYK values of C:0, M:0.06, Y:0.06, K:0.87. Its decimal value is 2236448.
Hex triplet | 222020 | #222020 |
---|---|---|
RGB Decimal | 34, 32, 32 | rgb(34,32,32) |
RGB Percent | 13.3, 12.5, 12.5 | rgb(13.3%,12.5%,12.5%) |
CMYK | 0, 6, 6, 87 | |
HSL | 0°, 3, 12.9 | hsl(0,3%,12.9%) |
HSV (or HSB) | 0°, 5.9, 13.3 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 12.464, 0.943, 0.335 |
---|---|
XYZ | 1.437, 1.477, 1.576 |
xyY | 0.32, 0.329, 1.477 |
CIE-LCH | 12.464, 1.001, 19.563 |
CIE-LUV | 12.464, 0.821, 0.176 |
Hunter-Lab | 12.155, -0.17, 0.821 |
Binary | 00100010, 00100000, 00100000 |
Color Schemes with #222020
Alternatives to #222020
Below, you can see some colors close to #222020. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222020 Preview
This text has a font color of #222020.
<span style="color:#222020;">Text here</span>
This paragraph has a background color of #222020.
<p style="background-color:#222020;">Content here</p>
This element has a border color of #222020.
<div style="border:1px solid #222020;">Content here</div>
.text {color:#222020;}
.background {background-color:#222020;}
.border {border:1px solid #222020;}
Shades and Tints of #222020
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 #f9f9f9 is the lightest one.
-
#040303
#040303
rgb(4,3,3)
-
#0e0d0d
#0e0d0d
rgb(14,13,13)
-
#181616
#181616
rgb(24,22,22)
-
#222020
#222020
rgb(34,32,32)
-
#2c2a2a
#2c2a2a
rgb(44,42,42)
-
#363333
#363333
rgb(54,51,51)
-
#403d3d
#403d3d
rgb(64,61,61)
-
#4a4646
#4a4646
rgb(74,70,70)
-
#555050
#555050
rgb(85,80,80)
-
#5f5959
#5f5959
rgb(95,89,89)
-
#696363
#696363
rgb(105,99,99)
-
#736c6c
#736c6c
rgb(115,108,108)
-
#7d7676
#7d7676
rgb(125,118,118)
-
#877f7f
#877f7f
rgb(135,127,127)
-
#908989
#908989
rgb(144,137,137)
-
#9a9494
#9a9494
rgb(154,148,148)
-
#a39e9e
#a39e9e
rgb(163,158,158)
-
#ada8a8
#ada8a8
rgb(173,168,168)
-
#b6b2b2
#b6b2b2
rgb(182,178,178)
-
#c0bcbc
#c0bcbc
rgb(192,188,188)
-
#c9c6c6
#c9c6c6
rgb(201,198,198)
-
#d3d0d0
#d3d0d0
rgb(211,208,208)
-
#dcdada
#dcdada
rgb(220,218,218)
-
#e6e4e4
#e6e4e4
rgb(230,228,228)
-
#efeeee
#efeeee
rgb(239,238,238)
-
#f9f9f9
#f9f9f9
rgb(249,249,249)
Tones of #222020
A tone is produced by adding gray to any pure hue. In this case, #222020 is the less saturated color, while #400202 is the most saturated one.
-
#222020
#222020
rgb(34,32,32)
-
#251d1d
#251d1d
rgb(37,29,29)
-
#271b1b
#271b1b
rgb(39,27,27)
-
#2a1818
#2a1818
rgb(42,24,24)
-
#2c1616
#2c1616
rgb(44,22,22)
-
#2f1313
#2f1313
rgb(47,19,19)
-
#311111
#311111
rgb(49,17,17)
-
#340e0e
#340e0e
rgb(52,14,14)
-
#360c0c
#360c0c
rgb(54,12,12)
-
#390909
#390909
rgb(57,9,9)
-
#3b0707
#3b0707
rgb(59,7,7)
-
#3e0404
#3e0404
rgb(62,4,4)
-
#400202
#400202
rgb(64,2,2)
Color Blindness Simulator
Below, you can see how #222020 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.