#222c5e Color Information
In a RGB color space, hex #222c5e is composed of 13.3% red, 17.3% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 53.2% magenta, 0% yellow and 63.1% black. It has a hue angle of 230 degrees, a saturation of 46.9% and a lightness of 25.1%. #222c5e color hex could be obtained by blending #4458bc with #000000. Closest websafe color is: #333366.
-
- R 13
- G 17
- B 37
-
- C 64
- M 53
- Y 0
- K 63
● #222c5e color description : Very dark blue.
#222c5e Color Conversion
The hexadecimal color #222c5e has RGB values of R:34, G:44, B:94 and CMYK values of C:0.64, M:0.53, Y:0, K:0.63. Its decimal value is 2239582.
Hex triplet | 222c5e | #222c5e |
---|---|---|
RGB Decimal | 34, 44, 94 | rgb(34,44,94) |
RGB Percent | 13.3, 17.3, 36.9 | rgb(13.3%,17.3%,36.9%) |
CMYK | 64, 53, 0, 63 | |
HSL | 230°, 46.9, 25.1 | hsl(230,46.9%,25.1%) |
HSV (or HSB) | 230°, 63.8, 36.9 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 19.84, 13.126, -31.269 |
---|---|
XYZ | 3.58, 2.949, 10.97 |
xyY | 0.205, 0.169, 2.949 |
CIE-LCH | 19.84, 33.912, 292.771 |
CIE-LUV | 19.84, -5.273, -35.988 |
Hunter-Lab | 17.174, 7.159, -25.849 |
Binary | 00100010, 00101100, 01011110 |
Color Schemes with #222c5e
Alternatives to #222c5e
Below, you can see some colors close to #222c5e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222c5e Preview
This text has a font color of #222c5e.
<span style="color:#222c5e;">Text here</span>
This paragraph has a background color of #222c5e.
<p style="background-color:#222c5e;">Content here</p>
This element has a border color of #222c5e.
<div style="border:1px solid #222c5e;">Content here</div>
.text {color:#222c5e;}
.background {background-color:#222c5e;}
.border {border:1px solid #222c5e;}
Shades and Tints of #222c5e
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)
-
#080a16
#080a16
rgb(8,10,22)
-
#0d1124
#0d1124
rgb(13,17,36)
-
#121833
#121833
rgb(18,24,51)
-
#181f41
#181f41
rgb(24,31,65)
-
#1d2550
#1d2550
rgb(29,37,80)
-
#222c5e
#222c5e
rgb(34,44,94)
-
#27336c
#27336c
rgb(39,51,108)
-
#2c397b
#2c397b
rgb(44,57,123)
-
#324089
#324089
rgb(50,64,137)
-
#374798
#374798
rgb(55,71,152)
-
#3c4ea6
#3c4ea6
rgb(60,78,166)
-
#4154b4
#4154b4
rgb(65,84,180)
-
#4b5ebe
#4b5ebe
rgb(75,94,190)
-
#5a6bc3
#5a6bc3
rgb(90,107,195)
-
#6878c8
#6878c8
rgb(104,120,200)
-
#7785ce
#7785ce
rgb(119,133,206)
-
#8592d3
#8592d3
rgb(133,146,211)
-
#939fd8
#939fd8
rgb(147,159,216)
-
#a2acdd
#a2acdd
rgb(162,172,221)
-
#b0b9e2
#b0b9e2
rgb(176,185,226)
-
#bfc5e8
#bfc5e8
rgb(191,197,232)
-
#cdd2ed
#cdd2ed
rgb(205,210,237)
-
#dbdff2
#dbdff2
rgb(219,223,242)
-
#eaecf7
#eaecf7
rgb(234,236,247)
-
#f8f9fd
#f8f9fd
rgb(248,249,253)
Tones of #222c5e
A tone is produced by adding gray to any pure hue. In this case, #404040 is the less saturated color, while #04187c is the most saturated one.
-
#404040
#404040
rgb(64,64,64)
-
#3b3c45
#3b3c45
rgb(59,60,69)
-
#36394a
#36394a
rgb(54,57,74)
-
#31364f
#31364f
rgb(49,54,79)
-
#2c3354
#2c3354
rgb(44,51,84)
-
#272f59
#272f59
rgb(39,47,89)
-
#222c5e
#222c5e
rgb(34,44,94)
-
#1d2963
#1d2963
rgb(29,41,99)
-
#182568
#182568
rgb(24,37,104)
-
#13226d
#13226d
rgb(19,34,109)
-
#0e1f72
#0e1f72
rgb(14,31,114)
-
#091c77
#091c77
rgb(9,28,119)
-
#04187c
#04187c
rgb(4,24,124)
Color Blindness Simulator
Below, you can see how #222c5e 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.