#222c30 Color Information
In a RGB color space, hex #222c30 is composed of 13.3% red, 17.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 8.3% magenta, 0% yellow and 81.2% black. It has a hue angle of 197.1 degrees, a saturation of 17.1% and a lightness of 16.1%. #222c30 color hex could be obtained by blending #445860 with #000000. Closest websafe color is: #333333.
-
- R 13
- G 17
- B 19
-
- C 29
- M 8
- Y 0
- K 81
● #222c30 color description : Very dark (mostly black) blue.
#222c30 Color Conversion
The hexadecimal color #222c30 has RGB values of R:34, G:44, B:48 and CMYK values of C:0.29, M:0.08, Y:0, K:0.81. Its decimal value is 2239536.
Hex triplet | 222c30 | #222c30 |
---|---|---|
RGB Decimal | 34, 44, 48 | rgb(34,44,48) |
RGB Percent | 13.3, 17.3, 18.8 | rgb(13.3%,17.3%,18.8%) |
CMYK | 29, 8, 0, 81 | |
HSL | 197.1°, 17.1, 16.1 | hsl(197.1,17.1%,16.1%) |
HSV (or HSB) | 197.1°, 29.2, 18.8 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 17.249, -3.151, -4.009 |
---|---|
XYZ | 2.094, 2.355, 3.14 |
xyY | 0.276, 0.31, 2.355 |
CIE-LCH | 17.249, 5.099, 231.832 |
CIE-LUV | 17.249, -4.266, -3.553 |
Hunter-Lab | 15.345, -2.499, -1.392 |
Binary | 00100010, 00101100, 00110000 |
Color Schemes with #222c30
Alternatives to #222c30
Below, you can see some colors close to #222c30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222c30 Preview
This text has a font color of #222c30.
<span style="color:#222c30;">Text here</span>
This paragraph has a background color of #222c30.
<p style="background-color:#222c30;">Content here</p>
This element has a border color of #222c30.
<div style="border:1px solid #222c30;">Content here</div>
.text {color:#222c30;}
.background {background-color:#222c30;}
.border {border:1px solid #222c30;}
Shades and Tints of #222c30
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, #010202 is the darkest color, while #f6f8f8 is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#0a0c0e
#0a0c0e
rgb(10,12,14)
-
#121719
#121719
rgb(18,23,25)
-
#1a2125
#1a2125
rgb(26,33,37)
-
#222c30
#222c30
rgb(34,44,48)
-
#2a373b
#2a373b
rgb(42,55,59)
-
#324147
#324147
rgb(50,65,71)
-
#3a4c52
#3a4c52
rgb(58,76,82)
-
#43565e
#43565e
rgb(67,86,94)
-
#4b6169
#4b6169
rgb(75,97,105)
-
#536b75
#536b75
rgb(83,107,117)
-
#5b7680
#5b7680
rgb(91,118,128)
-
#63808c
#63808c
rgb(99,128,140)
-
#6c8a97
#6c8a97
rgb(108,138,151)
-
#77949f
#77949f
rgb(119,148,159)
-
#839da7
#839da7
rgb(131,157,167)
-
#8ea6af
#8ea6af
rgb(142,166,175)
-
#9aafb7
#9aafb7
rgb(154,175,183)
-
#a5b8bf
#a5b8bf
rgb(165,184,191)
-
#b1c1c8
#b1c1c8
rgb(177,193,200)
-
#bccad0
#bccad0
rgb(188,202,208)
-
#c8d3d8
#c8d3d8
rgb(200,211,216)
-
#d3dce0
#d3dce0
rgb(211,220,224)
-
#dfe5e8
#dfe5e8
rgb(223,229,232)
-
#eaeef0
#eaeef0
rgb(234,238,240)
-
#f6f8f8
#f6f8f8
rgb(246,248,248)
Tones of #222c30
A tone is produced by adding gray to any pure hue. In this case, #28292a is the less saturated color, while #023a50 is the most saturated one.
-
#28292a
#28292a
rgb(40,41,42)
-
#252b2d
#252b2d
rgb(37,43,45)
-
#222c30
#222c30
rgb(34,44,48)
-
#1f2d33
#1f2d33
rgb(31,45,51)
-
#1c2f36
#1c2f36
rgb(28,47,54)
-
#193039
#193039
rgb(25,48,57)
-
#15313d
#15313d
rgb(21,49,61)
-
#123340
#123340
rgb(18,51,64)
-
#0f3443
#0f3443
rgb(15,52,67)
-
#0c3546
#0c3546
rgb(12,53,70)
-
#093749
#093749
rgb(9,55,73)
-
#06384c
#06384c
rgb(6,56,76)
-
#023a50
#023a50
rgb(2,58,80)
Color Blindness Simulator
Below, you can see how #222c30 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.