#222ac4 hex color
In a RGB color space, hex #222ac4 is composed of 13.3% red, 16.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 78.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 237 degrees, a saturation of 70.4% and a lightness of 45.1%. #222ac4 color hex could be obtained by blending #4454ff with #000089. Closest websafe color is: #3333cc.
-
- R 13
- G 16
- B 77
RGB color chart
-
- C 83
- M 79
- Y 0
- K 23
CMYK color chart
● #222ac4 color description : Strong blue.
The hexadecimal color #222ac4 has RGB values of R:34, G:42, B:196 and CMYK values of C:0.83, M:0.79, Y:0, K:0.23. Its decimal value is 2239172.
Hex triplet | 222ac4 | #222ac4 |
---|---|---|
RGB Decimal | 34, 42, 196 | rgb(34,42,196) |
RGB Percent | 13.3, 16.5, 76.9 | rgb(13.3%,16.5%,76.9%) |
CMYK | 83, 79, 0, 23 | |
HSL | 237°, 70.4, 45.1 | hsl(237,70.4%,45.1%) |
HSV (or HSB) | 237°, 82.7, 76.9 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 29.364, 51.403, -78.888 |
---|---|
XYZ | 11.449, 5.981, 52.772 |
xyY | 0.163, 0.085, 5.981 |
CIE-LCH | 29.364, 94.157, 303.088 |
CIE-LUV | 29.364, -8.146, -99.591 |
Hunter-Lab | 24.456, 40.772, -110.823 |
Binary | 00100010, 00101010, 11000100 |
Analogous Color
Split Complementary Color
Triadic Color
Below, you can see some colors close to #222ac4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #222ac4
This text has a font color of #222ac4.
<span style="color:#222ac4;">Text here</span>
#222ac4 background color
This paragraph has a background color of #222ac4.
<p style="background-color:#222ac4;">Content here</p>
#222ac4 border color
This element has a border color of #222ac4.
<div style="border:1px solid #222ac4;">Content here</div>
CSS codes
.text {color:#222ac4;}
.background {background-color:#222ac4;}
.border {border:1px solid #222ac4;}
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, #02030c is the darkest color, while #fafbfe is the lightest one.
-
#02030c
#02030c
rgb(2,3,12)
-
#05061d
#05061d
rgb(5,6,29)
-
#080a2e
#080a2e
rgb(8,10,46)
-
#0b0d3e
#0b0d3e
rgb(11,13,62)
-
#0e114f
#0e114f
rgb(14,17,79)
-
#111560
#111560
rgb(17,21,96)
-
#141870
#141870
rgb(20,24,112)
-
#161c81
#161c81
rgb(22,28,129)
-
#191f92
#191f92
rgb(25,31,146)
-
#1c23a3
#1c23a3
rgb(28,35,163)
-
#1f26b3
#1f26b3
rgb(31,38,179)
-
#222ac4
#222ac4
rgb(34,42,196)
-
#252ed5
#252ed5
rgb(37,46,213)
Shade Color Variation
-
#323adb
#323adb
rgb(50,58,219)
-
#434ade
#434ade
rgb(67,74,222)
-
#535ae1
#535ae1
rgb(83,90,225)
-
#646ae4
#646ae4
rgb(100,106,228)
-
#757ae7
#757ae7
rgb(117,122,231)
-
#858aea
#858aea
rgb(133,138,234)
-
#969aed
#969aed
rgb(150,154,237)
-
#a7aaf0
#a7aaf0
rgb(167,170,240)
-
#b8baf3
#b8baf3
rgb(184,186,243)
-
#c8caf6
#c8caf6
rgb(200,202,246)
-
#d9dbf8
#d9dbf8
rgb(217,219,248)
-
#eaebfb
#eaebfb
rgb(234,235,251)
-
#fafbfe
#fafbfe
rgb(250,251,254)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #727274 is the less saturated color, while #0712df is the most saturated one.
-
#727274
#727274
rgb(114,114,116)
-
#696a7d
#696a7d
rgb(105,106,125)
-
#606286
#606286
rgb(96,98,134)
-
#575a8f
#575a8f
rgb(87,90,143)
-
#4e5298
#4e5298
rgb(78,82,152)
-
#454aa1
#454aa1
rgb(69,74,161)
-
#3d42a9
#3d42a9
rgb(61,66,169)
-
#343ab2
#343ab2
rgb(52,58,178)
-
#2b32bb
#2b32bb
rgb(43,50,187)
-
#222ac4
#222ac4
rgb(34,42,196)
-
#1922cd
#1922cd
rgb(25,34,205)
-
#101ad6
#101ad6
rgb(16,26,214)
-
#0712df
#0712df
rgb(7,18,223)
Tone Color Variation
Below, you can see how #222ac4 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.
Monochromacy
Dichromacy