#222f9f Color Information
In a RGB color space, hex #222f9f is composed of 13.3% red, 18.4% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 70.4% magenta, 0% yellow and 37.6% black. It has a hue angle of 233.8 degrees, a saturation of 64.8% and a lightness of 37.8%. #222f9f color hex could be obtained by blending #445eff with #00003f. Closest websafe color is: #333399.
-
- R 13
- G 18
- B 62
-
- C 79
- M 70
- Y 0
- K 38
● #222f9f color description : Dark blue.
#222f9f Color Conversion
The hexadecimal color #222f9f has RGB values of R:34, G:47, B:159 and CMYK values of C:0.79, M:0.7, Y:0, K:0.38. Its decimal value is 2240415.
Hex triplet | 222f9f | #222f9f |
---|---|---|
RGB Decimal | 34, 47, 159 | rgb(34,47,159) |
RGB Percent | 13.3, 18.4, 62.4 | rgb(13.3%,18.4%,62.4%) |
CMYK | 79, 70, 0, 38 | |
HSL | 233.8°, 64.8, 37.8 | hsl(233.8,64.8%,37.8%) |
HSV (or HSB) | 233.8°, 78.6, 62.4 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 26.378, 35.845, -61.713 |
---|---|
XYZ | 7.933, 4.876, 33.322 |
xyY | 0.172, 0.106, 4.876 |
CIE-LCH | 26.378, 71.368, 300.15 |
CIE-LUV | 26.378, -7.736, -77.478 |
Hunter-Lab | 22.081, 25.486, -74.016 |
Binary | 00100010, 00101111, 10011111 |
Color Schemes with #222f9f
Alternatives to #222f9f
Below, you can see some colors close to #222f9f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222f9f Preview
This text has a font color of #222f9f.
<span style="color:#222f9f;">Text here</span>
This paragraph has a background color of #222f9f.
<p style="background-color:#222f9f;">Content here</p>
This element has a border color of #222f9f.
<div style="border:1px solid #222f9f;">Content here</div>
.text {color:#222f9f;}
.background {background-color:#222f9f;}
.border {border:1px solid #222f9f;}
Shades and Tints of #222f9f
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, #03040e is the darkest color, while #fcfdfe is the lightest one.
-
#03040e
#03040e
rgb(3,4,14)
-
#06091e
#06091e
rgb(6,9,30)
-
#0a0e2e
#0a0e2e
rgb(10,14,46)
-
#0d123e
#0d123e
rgb(13,18,62)
-
#11174e
#11174e
rgb(17,23,78)
-
#141c5e
#141c5e
rgb(20,28,94)
-
#18216f
#18216f
rgb(24,33,111)
-
#1b257f
#1b257f
rgb(27,37,127)
-
#1f2a8f
#1f2a8f
rgb(31,42,143)
-
#222f9f
#222f9f
rgb(34,47,159)
-
#2534af
#2534af
rgb(37,52,175)
-
#2939bf
#2939bf
rgb(41,57,191)
-
#2c3dcf
#2c3dcf
rgb(44,61,207)
-
#3a4bd5
#3a4bd5
rgb(58,75,213)
-
#4b59d8
#4b59d8
rgb(75,89,216)
-
#5b68dc
#5b68dc
rgb(91,104,220)
-
#6b77df
#6b77df
rgb(107,119,223)
-
#7b86e3
#7b86e3
rgb(123,134,227)
-
#8b95e6
#8b95e6
rgb(139,149,230)
-
#9ba4ea
#9ba4ea
rgb(155,164,234)
-
#acb2ed
#acb2ed
rgb(172,178,237)
-
#bcc1f1
#bcc1f1
rgb(188,193,241)
-
#ccd0f4
#ccd0f4
rgb(204,208,244)
-
#dcdff8
#dcdff8
rgb(220,223,248)
-
#eceefb
#eceefb
rgb(236,238,251)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #222f9f
A tone is produced by adding gray to any pure hue. In this case, #5d5e64 is the less saturated color, while #0417bd is the most saturated one.
-
#5d5e64
#5d5e64
rgb(93,94,100)
-
#56586b
#56586b
rgb(86,88,107)
-
#4f5272
#4f5272
rgb(79,82,114)
-
#474c7a
#474c7a
rgb(71,76,122)
-
#404781
#404781
rgb(64,71,129)
-
#384189
#384189
rgb(56,65,137)
-
#313b90
#313b90
rgb(49,59,144)
-
#293598
#293598
rgb(41,53,152)
-
#222f9f
#222f9f
rgb(34,47,159)
-
#1b29a6
#1b29a6
rgb(27,41,166)
-
#1323ae
#1323ae
rgb(19,35,174)
-
#0c1db5
#0c1db5
rgb(12,29,181)
-
#0417bd
#0417bd
rgb(4,23,189)
Color Blindness Simulator
Below, you can see how #222f9f 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.