#222f3e Color Information
In a RGB color space, hex #222f3e is composed of 13.3% red, 18.4% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 45.2% cyan, 24.2% magenta, 0% yellow and 75.7% black. It has a hue angle of 212.1 degrees, a saturation of 29.2% and a lightness of 18.8%. #222f3e color hex could be obtained by blending #445e7c with #000000. Closest websafe color is: #333333.
-
- R 13
- G 18
- B 24
-
- C 45
- M 24
- Y 0
- K 76
● #222f3e color description : Very dark desaturated blue.
#222f3e Color Conversion
The hexadecimal color #222f3e has RGB values of R:34, G:47, B:62 and CMYK values of C:0.45, M:0.24, Y:0, K:0.76. Its decimal value is 2240318.
Hex triplet | 222f3e | #222f3e |
---|---|---|
RGB Decimal | 34, 47, 62 | rgb(34,47,62) |
RGB Percent | 13.3, 18.4, 24.3 | rgb(13.3%,18.4%,24.3%) |
CMYK | 45, 24, 0, 76 | |
HSL | 212.1°, 29.2, 18.8 | hsl(212.1,29.2%,18.8%) |
HSV (or HSB) | 212.1°, 45.2, 24.3 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 18.889, -0.79, -11.218 |
---|---|
XYZ | 2.546, 2.721, 4.948 |
xyY | 0.249, 0.266, 2.721 |
CIE-LCH | 18.889, 11.246, 265.972 |
CIE-LUV | 18.889, -5.623, -11.691 |
Hunter-Lab | 16.495, -1.32, -6.24 |
Binary | 00100010, 00101111, 00111110 |
Color Schemes with #222f3e
Alternatives to #222f3e
Below, you can see some colors close to #222f3e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222f3e Preview
This text has a font color of #222f3e.
<span style="color:#222f3e;">Text here</span>
This paragraph has a background color of #222f3e.
<p style="background-color:#222f3e;">Content here</p>
This element has a border color of #222f3e.
<div style="border:1px solid #222f3e;">Content here</div>
.text {color:#222f3e;}
.background {background-color:#222f3e;}
.border {border:1px solid #222f3e;}
Shades and Tints of #222f3e
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, #06090b is the darkest color, while #fefefe is the lightest one.
-
#06090b
#06090b
rgb(6,9,11)
-
#0d1218
#0d1218
rgb(13,18,24)
-
#141c25
#141c25
rgb(20,28,37)
-
#1b2531
#1b2531
rgb(27,37,49)
-
#222f3e
#222f3e
rgb(34,47,62)
-
#29394b
#29394b
rgb(41,57,75)
-
#304257
#304257
rgb(48,66,87)
-
#374c64
#374c64
rgb(55,76,100)
-
#3e5571
#3e5571
rgb(62,85,113)
-
#455f7d
#455f7d
rgb(69,95,125)
-
#4c698a
#4c698a
rgb(76,105,138)
-
#537297
#537297
rgb(83,114,151)
-
#5a7ca3
#5a7ca3
rgb(90,124,163)
-
#6686ab
#6686ab
rgb(102,134,171)
-
#7290b2
#7290b2
rgb(114,144,178)
-
#7f9ab9
#7f9ab9
rgb(127,154,185)
-
#8ca4c0
#8ca4c0
rgb(140,164,192)
-
#98aec7
#98aec7
rgb(152,174,199)
-
#a5b8ce
#a5b8ce
rgb(165,184,206)
-
#b2c2d5
#b2c2d5
rgb(178,194,213)
-
#beccdc
#beccdc
rgb(190,204,220)
-
#cbd6e2
#cbd6e2
rgb(203,214,226)
-
#d8e0e9
#d8e0e9
rgb(216,224,233)
-
#e4eaf0
#e4eaf0
rgb(228,234,240)
-
#f1f4f7
#f1f4f7
rgb(241,244,247)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #222f3e
A tone is produced by adding gray to any pure hue. In this case, #2d3033 is the less saturated color, while #012d5f is the most saturated one.
-
#2d3033
#2d3033
rgb(45,48,51)
-
#293037
#293037
rgb(41,48,55)
-
#262f3a
#262f3a
rgb(38,47,58)
-
#222f3e
#222f3e
rgb(34,47,62)
-
#1e2f42
#1e2f42
rgb(30,47,66)
-
#1b2e45
#1b2e45
rgb(27,46,69)
-
#172e49
#172e49
rgb(23,46,73)
-
#132e4d
#132e4d
rgb(19,46,77)
-
#102e50
#102e50
rgb(16,46,80)
-
#0c2d54
#0c2d54
rgb(12,45,84)
-
#082d58
#082d58
rgb(8,45,88)
-
#042d5c
#042d5c
rgb(4,45,92)
-
#012d5f
#012d5f
rgb(1,45,95)
Color Blindness Simulator
Below, you can see how #222f3e 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.