#222f5e Color Information
In a RGB color space, hex #222f5e is composed of 13.3% red, 18.4% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 50% magenta, 0% yellow and 63.1% black. It has a hue angle of 227 degrees, a saturation of 46.9% and a lightness of 25.1%. #222f5e color hex could be obtained by blending #445ebc with #000000. Closest websafe color is: #333366.
-
- R 13
- G 18
- B 37
-
- C 64
- M 50
- Y 0
- K 63
● #222f5e color description : Very dark blue.
#222f5e Color Conversion
The hexadecimal color #222f5e has RGB values of R:34, G:47, B:94 and CMYK values of C:0.64, M:0.5, Y:0, K:0.63. Its decimal value is 2240350.
Hex triplet | 222f5e | #222f5e |
---|---|---|
RGB Decimal | 34, 47, 94 | rgb(34,47,94) |
RGB Percent | 13.3, 18.4, 36.9 | rgb(13.3%,18.4%,36.9%) |
CMYK | 64, 50, 0, 63 | |
HSL | 227°, 46.9, 25.1 | hsl(227,46.9%,25.1%) |
HSV (or HSB) | 227°, 63.8, 36.9 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 20.755, 10.971, -29.801 |
---|---|
XYZ | 3.696, 3.181, 11.008 |
xyY | 0.207, 0.178, 3.181 |
CIE-LCH | 20.755, 31.756, 290.211 |
CIE-LUV | 20.755, -6.137, -34.879 |
Hunter-Lab | 17.836, 5.779, -24.11 |
Binary | 00100010, 00101111, 01011110 |
Color Schemes with #222f5e
Alternatives to #222f5e
Below, you can see some colors close to #222f5e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222f5e Preview
This text has a font color of #222f5e.
<span style="color:#222f5e;">Text here</span>
This paragraph has a background color of #222f5e.
<p style="background-color:#222f5e;">Content here</p>
This element has a border color of #222f5e.
<div style="border:1px solid #222f5e;">Content here</div>
.text {color:#222f5e;}
.background {background-color:#222f5e;}
.border {border:1px solid #222f5e;}
Shades and Tints of #222f5e
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, #030408 is the darkest color, while #f8f9fd is the lightest one.
-
#030408
#030408
rgb(3,4,8)
-
#080b16
#080b16
rgb(8,11,22)
-
#0d1224
#0d1224
rgb(13,18,36)
-
#121933
#121933
rgb(18,25,51)
-
#182141
#182141
rgb(24,33,65)
-
#1d2850
#1d2850
rgb(29,40,80)
-
#222f5e
#222f5e
rgb(34,47,94)
-
#27366c
#27366c
rgb(39,54,108)
-
#2c3d7b
#2c3d7b
rgb(44,61,123)
-
#324589
#324589
rgb(50,69,137)
-
#374c98
#374c98
rgb(55,76,152)
-
#3c53a6
#3c53a6
rgb(60,83,166)
-
#415ab4
#415ab4
rgb(65,90,180)
-
#4b64be
#4b64be
rgb(75,100,190)
-
#5a71c3
#5a71c3
rgb(90,113,195)
-
#687dc8
#687dc8
rgb(104,125,200)
-
#7789ce
#7789ce
rgb(119,137,206)
-
#8596d3
#8596d3
rgb(133,150,211)
-
#93a2d8
#93a2d8
rgb(147,162,216)
-
#a2afdd
#a2afdd
rgb(162,175,221)
-
#b0bbe2
#b0bbe2
rgb(176,187,226)
-
#bfc7e8
#bfc7e8
rgb(191,199,232)
-
#cdd4ed
#cdd4ed
rgb(205,212,237)
-
#dbe0f2
#dbe0f2
rgb(219,224,242)
-
#eaedf7
#eaedf7
rgb(234,237,247)
-
#f8f9fd
#f8f9fd
rgb(248,249,253)
Tones of #222f5e
A tone is produced by adding gray to any pure hue. In this case, #404040 is the less saturated color, while #041e7c is the most saturated one.
-
#404040
#404040
rgb(64,64,64)
-
#3b3d45
#3b3d45
rgb(59,61,69)
-
#363a4a
#363a4a
rgb(54,58,74)
-
#31374f
#31374f
rgb(49,55,79)
-
#2c3554
#2c3554
rgb(44,53,84)
-
#273259
#273259
rgb(39,50,89)
-
#222f5e
#222f5e
rgb(34,47,94)
-
#1d2c63
#1d2c63
rgb(29,44,99)
-
#182968
#182968
rgb(24,41,104)
-
#13276d
#13276d
rgb(19,39,109)
-
#0e2472
#0e2472
rgb(14,36,114)
-
#092177
#092177
rgb(9,33,119)
-
#041e7c
#041e7c
rgb(4,30,124)
Color Blindness Simulator
Below, you can see how #222f5e 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.