#222f49 Color Information
In a RGB color space, hex #222f49 is composed of 13.3% red, 18.4% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 35.6% magenta, 0% yellow and 71.4% black. It has a hue angle of 220 degrees, a saturation of 36.4% and a lightness of 21%. #222f49 color hex could be obtained by blending #445e92 with #000000. Closest websafe color is: #333333.
-
- R 13
- G 18
- B 29
-
- C 53
- M 36
- Y 0
- K 71
● #222f49 color description : Very dark desaturated blue.
#222f49 Color Conversion
The hexadecimal color #222f49 has RGB values of R:34, G:47, B:73 and CMYK values of C:0.53, M:0.36, Y:0, K:0.71. Its decimal value is 2240329.
Hex triplet | 222f49 | #222f49 |
---|---|---|
RGB Decimal | 34, 47, 73 | rgb(34,47,73) |
RGB Percent | 13.3, 18.4, 28.6 | rgb(13.3%,18.4%,28.6%) |
CMYK | 53, 36, 0, 71 | |
HSL | 220°, 36.4, 21 | hsl(220,36.4%,21%) |
HSV (or HSB) | 220°, 53.4, 28.6 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 19.45, 3.053, -17.848 |
---|---|
XYZ | 2.879, 2.854, 6.702 |
xyY | 0.231, 0.23, 2.854 |
CIE-LCH | 19.45, 18.107, 279.707 |
CIE-LUV | 19.45, -5.775, -19.707 |
Hunter-Lab | 16.894, 0.85, -11.696 |
Binary | 00100010, 00101111, 01001001 |
Color Schemes with #222f49
Alternatives to #222f49
Below, you can see some colors close to #222f49. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222f49 Preview
This text has a font color of #222f49.
<span style="color:#222f49;">Text here</span>
This paragraph has a background color of #222f49.
<p style="background-color:#222f49;">Content here</p>
This element has a border color of #222f49.
<div style="border:1px solid #222f49;">Content here</div>
.text {color:#222f49;}
.background {background-color:#222f49;}
.border {border:1px solid #222f49;}
Shades and Tints of #222f49
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, #030406 is the darkest color, while #f8f9fc is the lightest one.
-
#030406
#030406
rgb(3,4,6)
-
#090d13
#090d13
rgb(9,13,19)
-
#0f1521
#0f1521
rgb(15,21,33)
-
#161e2e
#161e2e
rgb(22,30,46)
-
#1c263c
#1c263c
rgb(28,38,60)
-
#222f49
#222f49
rgb(34,47,73)
-
#283856
#283856
rgb(40,56,86)
-
#2e4064
#2e4064
rgb(46,64,100)
-
#354971
#354971
rgb(53,73,113)
-
#3b517f
#3b517f
rgb(59,81,127)
-
#415a8c
#415a8c
rgb(65,90,140)
-
#476399
#476399
rgb(71,99,153)
-
#4e6ba7
#4e6ba7
rgb(78,107,167)
-
#5775b1
#5775b1
rgb(87,117,177)
-
#6480b7
#6480b7
rgb(100,128,183)
-
#728bbd
#728bbd
rgb(114,139,189)
-
#7f96c4
#7f96c4
rgb(127,150,196)
-
#8da1ca
#8da1ca
rgb(141,161,202)
-
#9aacd0
#9aacd0
rgb(154,172,208)
-
#a7b7d6
#a7b7d6
rgb(167,183,214)
-
#b5c2dc
#b5c2dc
rgb(181,194,220)
-
#c2cde3
#c2cde3
rgb(194,205,227)
-
#d0d8e9
#d0d8e9
rgb(208,216,233)
-
#dde3ef
#dde3ef
rgb(221,227,239)
-
#eaeef5
#eaeef5
rgb(234,238,245)
-
#f8f9fc
#f8f9fc
rgb(248,249,252)
Tones of #222f49
A tone is produced by adding gray to any pure hue. In this case, #323439 is the less saturated color, while #01246a is the most saturated one.
-
#323439
#323439
rgb(50,52,57)
-
#2e333d
#2e333d
rgb(46,51,61)
-
#2a3241
#2a3241
rgb(42,50,65)
-
#263045
#263045
rgb(38,48,69)
-
#222f49
#222f49
rgb(34,47,73)
-
#1e2e4d
#1e2e4d
rgb(30,46,77)
-
#1a2c51
#1a2c51
rgb(26,44,81)
-
#162b55
#162b55
rgb(22,43,85)
-
#122a59
#122a59
rgb(18,42,89)
-
#0d285e
#0d285e
rgb(13,40,94)
-
#092762
#092762
rgb(9,39,98)
-
#052566
#052566
rgb(5,37,102)
-
#01246a
#01246a
rgb(1,36,106)
Color Blindness Simulator
Below, you can see how #222f49 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.