#222f9e Color Information
In a RGB color space, hex #222f9e is composed of 13.3% red, 18.4% green and 62% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 70.3% magenta, 0% yellow and 38% black. It has a hue angle of 233.7 degrees, a saturation of 64.6% and a lightness of 37.6%. #222f9e color hex could be obtained by blending #445eff with #00003d. Closest websafe color is: #333399.
-
- R 13
- G 18
- B 62
-
- C 78
- M 70
- Y 0
- K 38
● #222f9e color description : Dark blue.
#222f9e Color Conversion
The hexadecimal color #222f9e has RGB values of R:34, G:47, B:158 and CMYK values of C:0.78, M:0.7, Y:0, K:0.38. Its decimal value is 2240414.
Hex triplet | 222f9e | #222f9e |
---|---|---|
RGB Decimal | 34, 47, 158 | rgb(34,47,158) |
RGB Percent | 13.3, 18.4, 62 | rgb(13.3%,18.4%,62%) |
CMYK | 78, 70, 0, 38 | |
HSL | 233.7°, 64.6, 37.6 | hsl(233.7,64.6%,37.6%) |
HSV (or HSB) | 233.7°, 78.5, 62 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 26.278, 35.482, -61.27 |
---|---|
XYZ | 7.847, 4.841, 32.867 |
xyY | 0.172, 0.106, 4.841 |
CIE-LCH | 26.278, 70.802, 300.075 |
CIE-LUV | 26.278, -7.708, -76.866 |
Hunter-Lab | 22.003, 25.151, -73.163 |
Binary | 00100010, 00101111, 10011110 |
Color Schemes with #222f9e
Alternatives to #222f9e
Below, you can see some colors close to #222f9e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222f9e Preview
This text has a font color of #222f9e.
<span style="color:#222f9e;">Text here</span>
This paragraph has a background color of #222f9e.
<p style="background-color:#222f9e;">Content here</p>
This element has a border color of #222f9e.
<div style="border:1px solid #222f9e;">Content here</div>
.text {color:#222f9e;}
.background {background-color:#222f9e;}
.border {border:1px solid #222f9e;}
Shades and Tints of #222f9e
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, #03040d is the darkest color, while #fcfcfe is the lightest one.
-
#03040d
#03040d
rgb(3,4,13)
-
#06091d
#06091d
rgb(6,9,29)
-
#0a0d2d
#0a0d2d
rgb(10,13,45)
-
#0d123d
#0d123d
rgb(13,18,61)
-
#11174d
#11174d
rgb(17,23,77)
-
#141c5d
#141c5d
rgb(20,28,93)
-
#18216e
#18216e
rgb(24,33,110)
-
#1b257e
#1b257e
rgb(27,37,126)
-
#1f2a8e
#1f2a8e
rgb(31,42,142)
-
#222f9e
#222f9e
rgb(34,47,158)
-
#2534ae
#2534ae
rgb(37,52,174)
-
#2939be
#2939be
rgb(41,57,190)
-
#2c3dce
#2c3dce
rgb(44,61,206)
-
#3a4ad5
#3a4ad5
rgb(58,74,213)
-
#4a59d8
#4a59d8
rgb(74,89,216)
-
#5a68dc
#5a68dc
rgb(90,104,220)
-
#6a77df
#6a77df
rgb(106,119,223)
-
#7a85e2
#7a85e2
rgb(122,133,226)
-
#8b94e6
#8b94e6
rgb(139,148,230)
-
#9ba3e9
#9ba3e9
rgb(155,163,233)
-
#abb2ed
#abb2ed
rgb(171,178,237)
-
#bbc1f0
#bbc1f0
rgb(187,193,240)
-
#cbcff4
#cbcff4
rgb(203,207,244)
-
#dbdef7
#dbdef7
rgb(219,222,247)
-
#ebedfb
#ebedfb
rgb(235,237,251)
-
#fcfcfe
#fcfcfe
rgb(252,252,254)
Tones of #222f9e
A tone is produced by adding gray to any pure hue. In this case, #5d5e63 is the less saturated color, while #0418bc is the most saturated one.
-
#5d5e63
#5d5e63
rgb(93,94,99)
-
#56586a
#56586a
rgb(86,88,106)
-
#4e5272
#4e5272
rgb(78,82,114)
-
#474c79
#474c79
rgb(71,76,121)
-
#404680
#404680
rgb(64,70,128)
-
#384188
#384188
rgb(56,65,136)
-
#313b8f
#313b8f
rgb(49,59,143)
-
#293597
#293597
rgb(41,53,151)
-
#222f9e
#222f9e
rgb(34,47,158)
-
#1b29a5
#1b29a5
rgb(27,41,165)
-
#1323ad
#1323ad
rgb(19,35,173)
-
#0c1db4
#0c1db4
rgb(12,29,180)
-
#0418bc
#0418bc
rgb(4,24,188)
Color Blindness Simulator
Below, you can see how #222f9e 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.