#222a45 Color Information
In a RGB color space, hex #222a45 is composed of 13.3% red, 16.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 39.1% magenta, 0% yellow and 72.9% black. It has a hue angle of 226.3 degrees, a saturation of 34% and a lightness of 20.2%. #222a45 color hex could be obtained by blending #44548a with #000000. Closest websafe color is: #333333.
-
- R 13
- G 16
- B 27
-
- C 51
- M 39
- Y 0
- K 73
● #222a45 color description : Very dark desaturated blue.
#222a45 Color Conversion
The hexadecimal color #222a45 has RGB values of R:34, G:42, B:69 and CMYK values of C:0.51, M:0.39, Y:0, K:0.73. Its decimal value is 2239045.
Hex triplet | 222a45 | #222a45 |
---|---|---|
RGB Decimal | 34, 42, 69 | rgb(34,42,69) |
RGB Percent | 13.3, 16.5, 27.1 | rgb(13.3%,16.5%,27.1%) |
CMYK | 51, 39, 0, 73 | |
HSL | 226.3°, 34, 20.2 | hsl(226.3,34%,20.2%) |
HSV (or HSB) | 226.3°, 50.7, 27.1 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 17.579, 5.173, -18.057 |
---|---|
XYZ | 2.562, 2.426, 5.963 |
xyY | 0.234, 0.222, 2.426 |
CIE-LCH | 17.579, 18.783, 285.987 |
CIE-LUV | 17.579, -4.012, -19.25 |
Hunter-Lab | 15.574, 2.104, -11.799 |
Binary | 00100010, 00101010, 01000101 |
Color Schemes with #222a45
Alternatives to #222a45
Below, you can see some colors close to #222a45. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222a45 Preview
This text has a font color of #222a45.
<span style="color:#222a45;">Text here</span>
This paragraph has a background color of #222a45.
<p style="background-color:#222a45;">Content here</p>
This element has a border color of #222a45.
<div style="border:1px solid #222a45;">Content here</div>
.text {color:#222a45;}
.background {background-color:#222a45;}
.border {border:1px solid #222a45;}
Shades and Tints of #222a45
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, #020203 is the darkest color, while #f5f6fa is the lightest one.
-
#020203
#020203
rgb(2,2,3)
-
#080a10
#080a10
rgb(8,10,16)
-
#0f121e
#0f121e
rgb(15,18,30)
-
#151a2b
#151a2b
rgb(21,26,43)
-
#1c2238
#1c2238
rgb(28,34,56)
-
#222a45
#222a45
rgb(34,42,69)
-
#283252
#283252
rgb(40,50,82)
-
#2f3a5f
#2f3a5f
rgb(47,58,95)
-
#35426c
#35426c
rgb(53,66,108)
-
#3c4a7a
#3c4a7a
rgb(60,74,122)
-
#425287
#425287
rgb(66,82,135)
-
#495a94
#495a94
rgb(73,90,148)
-
#4f62a1
#4f62a1
rgb(79,98,161)
-
#576bac
#576bac
rgb(87,107,172)
-
#6577b3
#6577b3
rgb(101,119,179)
-
#7282b9
#7282b9
rgb(114,130,185)
-
#7f8ec0
#7f8ec0
rgb(127,142,192)
-
#8c99c6
#8c99c6
rgb(140,153,198)
-
#99a5cd
#99a5cd
rgb(153,165,205)
-
#a6b1d3
#a6b1d3
rgb(166,177,211)
-
#b3bcda
#b3bcda
rgb(179,188,218)
-
#c1c8e0
#c1c8e0
rgb(193,200,224)
-
#ced3e7
#ced3e7
rgb(206,211,231)
-
#dbdfed
#dbdfed
rgb(219,223,237)
-
#e8ebf4
#e8ebf4
rgb(232,235,244)
-
#f5f6fa
#f5f6fa
rgb(245,246,250)
Tones of #222a45
A tone is produced by adding gray to any pure hue. In this case, #323335 is the less saturated color, while #021965 is the most saturated one.
-
#323335
#323335
rgb(50,51,53)
-
#2e3039
#2e3039
rgb(46,48,57)
-
#2a2e3d
#2a2e3d
rgb(42,46,61)
-
#262c41
#262c41
rgb(38,44,65)
-
#222a45
#222a45
rgb(34,42,69)
-
#1e2849
#1e2849
rgb(30,40,73)
-
#1a264d
#1a264d
rgb(26,38,77)
-
#162451
#162451
rgb(22,36,81)
-
#122155
#122155
rgb(18,33,85)
-
#0e1f59
#0e1f59
rgb(14,31,89)
-
#0a1d5d
#0a1d5d
rgb(10,29,93)
-
#061b61
#061b61
rgb(6,27,97)
-
#021965
#021965
rgb(2,25,101)
Color Blindness Simulator
Below, you can see how #222a45 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.