#222a2e Color Information
In a RGB color space, hex #222a2e is composed of 13.3% red, 16.5% green and 18% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 8.7% magenta, 0% yellow and 82% black. It has a hue angle of 200 degrees, a saturation of 15% and a lightness of 15.7%. #222a2e color hex could be obtained by blending #44545c with #000000. Closest websafe color is: #333333.
-
- R 13
- G 16
- B 18
-
- C 26
- M 9
- Y 0
- K 82
● #222a2e color description : Very dark (mostly black) blue.
#222a2e Color Conversion
The hexadecimal color #222a2e has RGB values of R:34, G:42, B:46 and CMYK values of C:0.26, M:0.09, Y:0, K:0.82. Its decimal value is 2239022.
Hex triplet | 222a2e | #222a2e |
---|---|---|
RGB Decimal | 34, 42, 46 | rgb(34,42,46) |
RGB Percent | 13.3, 16.5, 18 | rgb(13.3%,16.5%,18%) |
CMYK | 26, 9, 0, 82 | |
HSL | 200°, 15, 15.7 | hsl(200,15%,15.7%) |
HSV (or HSB) | 200°, 26.1, 18 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 16.47, -2.365, -3.769 |
---|---|
XYZ | 1.981, 2.193, 2.904 |
xyY | 0.28, 0.31, 2.193 |
CIE-LCH | 16.47, 4.45, 237.893 |
CIE-LUV | 16.47, -3.444, -3.319 |
Hunter-Lab | 14.81, -2.043, -1.258 |
Binary | 00100010, 00101010, 00101110 |
Color Schemes with #222a2e
Alternatives to #222a2e
Below, you can see some colors close to #222a2e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222a2e Preview
This text has a font color of #222a2e.
<span style="color:#222a2e;">Text here</span>
This paragraph has a background color of #222a2e.
<p style="background-color:#222a2e;">Content here</p>
This element has a border color of #222a2e.
<div style="border:1px solid #222a2e;">Content here</div>
.text {color:#222a2e;}
.background {background-color:#222a2e;}
.border {border:1px solid #222a2e;}
Shades and Tints of #222a2e
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, #010101 is the darkest color, while #f5f6f7 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#090b0c
#090b0c
rgb(9,11,12)
-
#111517
#111517
rgb(17,21,23)
-
#1a2023
#1a2023
rgb(26,32,35)
-
#222a2e
#222a2e
rgb(34,42,46)
-
#2a3439
#2a3439
rgb(42,52,57)
-
#333f45
#333f45
rgb(51,63,69)
-
#3b4950
#3b4950
rgb(59,73,80)
-
#43535b
#43535b
rgb(67,83,91)
-
#4c5d66
#4c5d66
rgb(76,93,102)
-
#546872
#546872
rgb(84,104,114)
-
#5c727d
#5c727d
rgb(92,114,125)
-
#657c88
#657c88
rgb(101,124,136)
-
#6d8793
#6d8793
rgb(109,135,147)
-
#79909c
#79909c
rgb(121,144,156)
-
#8499a4
#8499a4
rgb(132,153,164)
-
#8fa3ac
#8fa3ac
rgb(143,163,172)
-
#9aacb5
#9aacb5
rgb(154,172,181)
-
#a6b5bd
#a6b5bd
rgb(166,181,189)
-
#b1bfc5
#b1bfc5
rgb(177,191,197)
-
#bcc8ce
#bcc8ce
rgb(188,200,206)
-
#c7d1d6
#c7d1d6
rgb(199,209,214)
-
#d3dade
#d3dade
rgb(211,218,222)
-
#dee4e7
#dee4e7
rgb(222,228,231)
-
#e9edef
#e9edef
rgb(233,237,239)
-
#f5f6f7
#f5f6f7
rgb(245,246,247)
Tones of #222a2e
A tone is produced by adding gray to any pure hue. In this case, #25292b is the less saturated color, while #003550 is the most saturated one.
-
#25292b
#25292b
rgb(37,41,43)
-
#222a2e
#222a2e
rgb(34,42,46)
-
#1f2b31
#1f2b31
rgb(31,43,49)
-
#1c2c34
#1c2c34
rgb(28,44,52)
-
#192d37
#192d37
rgb(25,45,55)
-
#162e3a
#162e3a
rgb(22,46,58)
-
#132f3d
#132f3d
rgb(19,47,61)
-
#103040
#103040
rgb(16,48,64)
-
#0c3144
#0c3144
rgb(12,49,68)
-
#093247
#093247
rgb(9,50,71)
-
#06334a
#06334a
rgb(6,51,74)
-
#03344d
#03344d
rgb(3,52,77)
-
#003550
#003550
rgb(0,53,80)
Color Blindness Simulator
Below, you can see how #222a2e 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.