#222828 Color Information
In a RGB color space, hex #222828 is composed of 13.3% red, 15.7% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 0% yellow and 84.3% black. It has a hue angle of 180 degrees, a saturation of 8.1% and a lightness of 14.5%. #222828 color hex could be obtained by blending #445050 with #000000. Closest websafe color is: #333333.
-
- R 13
- G 16
- B 16
-
- C 15
- M 0
- Y 0
- K 84
● #222828 color description : Very dark (mostly black) cyan.
#222828 Color Conversion
The hexadecimal color #222828 has RGB values of R:34, G:40, B:40 and CMYK values of C:0.15, M:0, Y:0, K:0.84. Its decimal value is 2238504.
Hex triplet | 222828 | #222828 |
---|---|---|
RGB Decimal | 34, 40, 40 | rgb(34,40,40) |
RGB Percent | 13.3, 15.7, 15.7 | rgb(13.3%,15.7%,15.7%) |
CMYK | 15, 0, 0, 84 | |
HSL | 180°, 8.1, 14.5 | hsl(180,8.1%,14.5%) |
HSV (or HSB) | 180°, 15, 15.7 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 15.544, -2.656, -0.905 |
---|---|
XYZ | 1.801, 2.011, 2.301 |
xyY | 0.295, 0.329, 2.011 |
CIE-LCH | 15.544, 2.806, 198.815 |
CIE-LUV | 15.544, -2.514, -0.544 |
Hunter-Lab | 14.18, -2.14, 0.307 |
Binary | 00100010, 00101000, 00101000 |
Color Schemes with #222828
Alternatives to #222828
Below, you can see some colors close to #222828. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222828 Preview
This text has a font color of #222828.
<span style="color:#222828;">Text here</span>
This paragraph has a background color of #222828.
<p style="background-color:#222828;">Content here</p>
This element has a border color of #222828.
<div style="border:1px solid #222828;">Content here</div>
.text {color:#222828;}
.background {background-color:#222828;}
.border {border:1px solid #222828;}
Shades and Tints of #222828
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, #070808 is the darkest color, while #fdfdfd is the lightest one.
-
#070808
#070808
rgb(7,8,8)
-
#101313
#101313
rgb(16,19,19)
-
#191d1d
#191d1d
rgb(25,29,29)
-
#222828
#222828
rgb(34,40,40)
-
#2b3333
#2b3333
rgb(43,51,51)
-
#343d3d
#343d3d
rgb(52,61,61)
-
#3d4848
#3d4848
rgb(61,72,72)
-
#465252
#465252
rgb(70,82,82)
-
#4f5d5d
#4f5d5d
rgb(79,93,93)
-
#586868
#586868
rgb(88,104,104)
-
#617272
#617272
rgb(97,114,114)
-
#6a7d7d
#6a7d7d
rgb(106,125,125)
-
#738787
#738787
rgb(115,135,135)
-
#7d9191
#7d9191
rgb(125,145,145)
-
#889a9a
#889a9a
rgb(136,154,154)
-
#93a3a3
#93a3a3
rgb(147,163,163)
-
#9dacac
#9dacac
rgb(157,172,172)
-
#a8b5b5
#a8b5b5
rgb(168,181,181)
-
#b2bebe
#b2bebe
rgb(178,190,190)
-
#bdc7c7
#bdc7c7
rgb(189,199,199)
-
#c8d0d0
#c8d0d0
rgb(200,208,208)
-
#d2d9d9
#d2d9d9
rgb(210,217,217)
-
#dde2e2
#dde2e2
rgb(221,226,226)
-
#e7ebeb
#e7ebeb
rgb(231,235,235)
-
#f2f4f4
#f2f4f4
rgb(242,244,244)
-
#fdfdfd
#fdfdfd
rgb(253,253,253)
Tones of #222828
A tone is produced by adding gray to any pure hue. In this case, #252525 is the less saturated color, while #034747 is the most saturated one.
-
#252525
#252525
rgb(37,37,37)
-
#222828
#222828
rgb(34,40,40)
-
#1f2b2b
#1f2b2b
rgb(31,43,43)
-
#1c2e2e
#1c2e2e
rgb(28,46,46)
-
#193131
#193131
rgb(25,49,49)
-
#173333
#173333
rgb(23,51,51)
-
#143636
#143636
rgb(20,54,54)
-
#113939
#113939
rgb(17,57,57)
-
#0e3c3c
#0e3c3c
rgb(14,60,60)
-
#0b3f3f
#0b3f3f
rgb(11,63,63)
-
#084242
#084242
rgb(8,66,66)
-
#064444
#064444
rgb(6,68,68)
-
#034747
#034747
rgb(3,71,71)
Color Blindness Simulator
Below, you can see how #222828 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.