#222a42 Color Information
In a RGB color space, hex #222a42 is composed of 13.3% red, 16.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 36.4% magenta, 0% yellow and 74.1% black. It has a hue angle of 225 degrees, a saturation of 32% and a lightness of 19.6%. #222a42 color hex could be obtained by blending #445484 with #000000. Closest websafe color is: #333333.
-
- R 13
- G 16
- B 26
-
- C 48
- M 36
- Y 0
- K 74
● #222a42 color description : Very dark desaturated blue.
#222a42 Color Conversion
The hexadecimal color #222a42 has RGB values of R:34, G:42, B:66 and CMYK values of C:0.48, M:0.36, Y:0, K:0.74. Its decimal value is 2239042.
Hex triplet | 222a42 | #222a42 |
---|---|---|
RGB Decimal | 34, 42, 66 | rgb(34,42,66) |
RGB Percent | 13.3, 16.5, 25.9 | rgb(13.3%,16.5%,25.9%) |
CMYK | 48, 36, 0, 74 | |
HSL | 225°, 32, 19.6 | hsl(225,32%,19.6%) |
HSV (or HSB) | 225°, 48.5, 25.9 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 17.41, 4.107, -16.26 |
---|---|
XYZ | 2.471, 2.389, 5.485 |
xyY | 0.239, 0.231, 2.389 |
CIE-LCH | 17.41, 16.771, 284.175 |
CIE-LUV | 17.41, -3.932, -17.13 |
Hunter-Lab | 15.457, 1.483, -10.219 |
Binary | 00100010, 00101010, 01000010 |
Color Schemes with #222a42
Alternatives to #222a42
Below, you can see some colors close to #222a42. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222a42 Preview
This text has a font color of #222a42.
<span style="color:#222a42;">Text here</span>
This paragraph has a background color of #222a42.
<p style="background-color:#222a42;">Content here</p>
This element has a border color of #222a42.
<div style="border:1px solid #222a42;">Content here</div>
.text {color:#222a42;}
.background {background-color:#222a42;}
.border {border:1px solid #222a42;}
Shades and Tints of #222a42
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, #010101 is the darkest color, while #f3f5f9 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#07090e
#07090e
rgb(7,9,14)
-
#0e111b
#0e111b
rgb(14,17,27)
-
#151a28
#151a28
rgb(21,26,40)
-
#1b2235
#1b2235
rgb(27,34,53)
-
#222a42
#222a42
rgb(34,42,66)
-
#29324f
#29324f
rgb(41,50,79)
-
#2f3a5c
#2f3a5c
rgb(47,58,92)
-
#364369
#364369
rgb(54,67,105)
-
#3d4b76
#3d4b76
rgb(61,75,118)
-
#435383
#435383
rgb(67,83,131)
-
#4a5b90
#4a5b90
rgb(74,91,144)
-
#51649d
#51649d
rgb(81,100,157)
-
#586ca9
#586ca9
rgb(88,108,169)
-
#6578b0
#6578b0
rgb(101,120,176)
-
#7283b6
#7283b6
rgb(114,131,182)
-
#7f8ebd
#7f8ebd
rgb(127,142,189)
-
#8c9ac4
#8c9ac4
rgb(140,154,196)
-
#99a5ca
#99a5ca
rgb(153,165,202)
-
#a6b0d1
#a6b0d1
rgb(166,176,209)
-
#b3bcd8
#b3bcd8
rgb(179,188,216)
-
#c0c7de
#c0c7de
rgb(192,199,222)
-
#ccd3e5
#ccd3e5
rgb(204,211,229)
-
#d9deec
#d9deec
rgb(217,222,236)
-
#e6e9f2
#e6e9f2
rgb(230,233,242)
-
#f3f5f9
#f3f5f9
rgb(243,245,249)
Tones of #222a42
A tone is produced by adding gray to any pure hue. In this case, #313233 is the less saturated color, while #031b61 is the most saturated one.
-
#313233
#313233
rgb(49,50,51)
-
#2e3036
#2e3036
rgb(46,48,54)
-
#2a2e3a
#2a2e3a
rgb(42,46,58)
-
#262c3e
#262c3e
rgb(38,44,62)
-
#222a42
#222a42
rgb(34,42,66)
-
#1e2846
#1e2846
rgb(30,40,70)
-
#1a264a
#1a264a
rgb(26,38,74)
-
#16244e
#16244e
rgb(22,36,78)
-
#132251
#132251
rgb(19,34,81)
-
#0f2055
#0f2055
rgb(15,32,85)
-
#0b1e59
#0b1e59
rgb(11,30,89)
-
#071d5d
#071d5d
rgb(7,29,93)
-
#031b61
#031b61
rgb(3,27,97)
Color Blindness Simulator
Below, you can see how #222a42 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.