#222d31 Color Information
In a RGB color space, hex #222d31 is composed of 13.3% red, 17.6% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 8.2% magenta, 0% yellow and 80.8% black. It has a hue angle of 196 degrees, a saturation of 18.1% and a lightness of 16.3%. #222d31 color hex could be obtained by blending #445a62 with #000000. Closest websafe color is: #333333.
-
- R 13
- G 18
- B 19
-
- C 31
- M 8
- Y 0
- K 81
● #222d31 color description : Very dark (mostly black) blue.
#222d31 Color Conversion
The hexadecimal color #222d31 has RGB values of R:34, G:45, B:49 and CMYK values of C:0.31, M:0.08, Y:0, K:0.81. Its decimal value is 2239793.
Hex triplet | 222d31 | #222d31 |
---|---|---|
RGB Decimal | 34, 45, 49 | rgb(34,45,49) |
RGB Percent | 13.3, 17.6, 19.2 | rgb(13.3%,17.6%,19.2%) |
CMYK | 31, 8, 0, 81 | |
HSL | 196°, 18.1, 16.3 | hsl(196,18.1%,16.3%) |
HSV (or HSB) | 196°, 30.6, 19.2 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 17.638, -3.535, -4.124 |
---|---|
XYZ | 2.152, 2.439, 3.263 |
xyY | 0.274, 0.31, 2.439 |
CIE-LCH | 17.638, 5.432, 229.398 |
CIE-LUV | 17.638, -4.677, -3.669 |
Hunter-Lab | 15.616, -2.725, -1.457 |
Binary | 00100010, 00101101, 00110001 |
Color Schemes with #222d31
Alternatives to #222d31
Below, you can see some colors close to #222d31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222d31 Preview
This text has a font color of #222d31.
<span style="color:#222d31;">Text here</span>
This paragraph has a background color of #222d31.
<p style="background-color:#222d31;">Content here</p>
This element has a border color of #222d31.
<div style="border:1px solid #222d31;">Content here</div>
.text {color:#222d31;}
.background {background-color:#222d31;}
.border {border:1px solid #222d31;}
Shades and Tints of #222d31
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, #020203 is the darkest color, while #f6f8f9 is the lightest one.
-
#020203
#020203
rgb(2,2,3)
-
#0a0d0e
#0a0d0e
rgb(10,13,14)
-
#12181a
#12181a
rgb(18,24,26)
-
#1a2225
#1a2225
rgb(26,34,37)
-
#222d31
#222d31
rgb(34,45,49)
-
#2a383d
#2a383d
rgb(42,56,61)
-
#324248
#324248
rgb(50,66,72)
-
#3a4d54
#3a4d54
rgb(58,77,84)
-
#42585f
#42585f
rgb(66,88,95)
-
#4a626b
#4a626b
rgb(74,98,107)
-
#526d76
#526d76
rgb(82,109,118)
-
#5a7782
#5a7782
rgb(90,119,130)
-
#62828e
#62828e
rgb(98,130,142)
-
#6b8c98
#6b8c98
rgb(107,140,152)
-
#7795a0
#7795a0
rgb(119,149,160)
-
#829ea8
#829ea8
rgb(130,158,168)
-
#8ea7b1
#8ea7b1
rgb(142,167,177)
-
#99b0b9
#99b0b9
rgb(153,176,185)
-
#a5b9c1
#a5b9c1
rgb(165,185,193)
-
#b1c2c9
#b1c2c9
rgb(177,194,201)
-
#bccbd1
#bccbd1
rgb(188,203,209)
-
#c8d4d9
#c8d4d9
rgb(200,212,217)
-
#d3dde1
#d3dde1
rgb(211,221,225)
-
#dfe6e9
#dfe6e9
rgb(223,230,233)
-
#ebeff1
#ebeff1
rgb(235,239,241)
-
#f6f8f9
#f6f8f9
rgb(246,248,249)
Tones of #222d31
A tone is produced by adding gray to any pure hue. In this case, #282a2b is the less saturated color, while #023c51 is the most saturated one.
-
#282a2b
#282a2b
rgb(40,42,43)
-
#252c2e
#252c2e
rgb(37,44,46)
-
#222d31
#222d31
rgb(34,45,49)
-
#1f2e34
#1f2e34
rgb(31,46,52)
-
#1c3037
#1c3037
rgb(28,48,55)
-
#18313b
#18313b
rgb(24,49,59)
-
#15333e
#15333e
rgb(21,51,62)
-
#123441
#123441
rgb(18,52,65)
-
#0f3644
#0f3644
rgb(15,54,68)
-
#0c3747
#0c3747
rgb(12,55,71)
-
#08394b
#08394b
rgb(8,57,75)
-
#053a4e
#053a4e
rgb(5,58,78)
-
#023c51
#023c51
rgb(2,60,81)
Color Blindness Simulator
Below, you can see how #222d31 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.