#222a49 Color Information
In a RGB color space, hex #222a49 is composed of 13.3% red, 16.5% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 42.5% magenta, 0% yellow and 71.4% black. It has a hue angle of 227.7 degrees, a saturation of 36.4% and a lightness of 21%. #222a49 color hex could be obtained by blending #445492 with #000000. Closest websafe color is: #333333.
-
- R 13
- G 16
- B 29
-
- C 53
- M 42
- Y 0
- K 71
● #222a49 color description : Very dark desaturated blue.
#222a49 Color Conversion
The hexadecimal color #222a49 has RGB values of R:34, G:42, B:73 and CMYK values of C:0.53, M:0.42, Y:0, K:0.71. Its decimal value is 2239049.
Hex triplet | 222a49 | #222a49 |
---|---|---|
RGB Decimal | 34, 42, 73 | rgb(34,42,73) |
RGB Percent | 13.3, 16.5, 28.6 | rgb(13.3%,16.5%,28.6%) |
CMYK | 53, 42, 0, 71 | |
HSL | 227.7°, 36.4, 21 | hsl(227.7,36.4%,21%) |
HSV (or HSB) | 227.7°, 53.4, 28.6 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 17.814, 6.623, -20.42 |
---|---|
XYZ | 2.69, 2.477, 6.639 |
xyY | 0.228, 0.21, 2.477 |
CIE-LCH | 17.814, 21.467, 287.97 |
CIE-LUV | 17.814, -4.12, -22.073 |
Hunter-Lab | 15.738, 2.967, -13.995 |
Binary | 00100010, 00101010, 01001001 |
Color Schemes with #222a49
Alternatives to #222a49
Below, you can see some colors close to #222a49. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222a49 Preview
This text has a font color of #222a49.
<span style="color:#222a49;">Text here</span>
This paragraph has a background color of #222a49.
<p style="background-color:#222a49;">Content here</p>
This element has a border color of #222a49.
<div style="border:1px solid #222a49;">Content here</div>
.text {color:#222a49;}
.background {background-color:#222a49;}
.border {border:1px solid #222a49;}
Shades and Tints of #222a49
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)
-
#090b13
#090b13
rgb(9,11,19)
-
#0f1321
#0f1321
rgb(15,19,33)
-
#161b2e
#161b2e
rgb(22,27,46)
-
#1c223c
#1c223c
rgb(28,34,60)
-
#222a49
#222a49
rgb(34,42,73)
-
#283256
#283256
rgb(40,50,86)
-
#2e3964
#2e3964
rgb(46,57,100)
-
#354171
#354171
rgb(53,65,113)
-
#3b497f
#3b497f
rgb(59,73,127)
-
#41508c
#41508c
rgb(65,80,140)
-
#475899
#475899
rgb(71,88,153)
-
#4e60a7
#4e60a7
rgb(78,96,167)
-
#576ab1
#576ab1
rgb(87,106,177)
-
#6475b7
#6475b7
rgb(100,117,183)
-
#7281bd
#7281bd
rgb(114,129,189)
-
#7f8dc4
#7f8dc4
rgb(127,141,196)
-
#8d99ca
#8d99ca
rgb(141,153,202)
-
#9aa5d0
#9aa5d0
rgb(154,165,208)
-
#a7b1d6
#a7b1d6
rgb(167,177,214)
-
#b5bddc
#b5bddc
rgb(181,189,220)
-
#c2c9e3
#c2c9e3
rgb(194,201,227)
-
#d0d5e9
#d0d5e9
rgb(208,213,233)
-
#dde1ef
#dde1ef
rgb(221,225,239)
-
#eaedf5
#eaedf5
rgb(234,237,245)
-
#f8f9fc
#f8f9fc
rgb(248,249,252)
Tones of #222a49
A tone is produced by adding gray to any pure hue. In this case, #323439 is the less saturated color, while #01176a is the most saturated one.
-
#323439
#323439
rgb(50,52,57)
-
#2e313d
#2e313d
rgb(46,49,61)
-
#2a2f41
#2a2f41
rgb(42,47,65)
-
#262c45
#262c45
rgb(38,44,69)
-
#222a49
#222a49
rgb(34,42,73)
-
#1e284d
#1e284d
rgb(30,40,77)
-
#1a2551
#1a2551
rgb(26,37,81)
-
#162355
#162355
rgb(22,35,85)
-
#122059
#122059
rgb(18,32,89)
-
#0d1e5e
#0d1e5e
rgb(13,30,94)
-
#091b62
#091b62
rgb(9,27,98)
-
#051966
#051966
rgb(5,25,102)
-
#01176a
#01176a
rgb(1,23,106)
Color Blindness Simulator
Below, you can see how #222a49 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.