#222ae4 Color Information
In a RGB color space, hex #222ae4 is composed of 13.3% red, 16.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 81.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 237.5 degrees, a saturation of 78.2% and a lightness of 51.4%. #222ae4 color hex could be obtained by blending #4454ff with #0000c9. Closest websafe color is: #3333cc.
-
- R 13
- G 16
- B 89
-
- C 85
- M 82
- Y 0
- K 11
● #222ae4 color description : Vivid blue.
#222ae4 Color Conversion
The hexadecimal color #222ae4 has RGB values of R:34, G:42, B:228 and CMYK values of C:0.85, M:0.82, Y:0, K:0.11. Its decimal value is 2239204.
Hex triplet | 222ae4 | #222ae4 |
---|---|---|
RGB Decimal | 34, 42, 228 | rgb(34,42,228) |
RGB Percent | 13.3, 16.5, 89.4 | rgb(13.3%,16.5%,89.4%) |
CMYK | 85, 82, 0, 11 | |
HSL | 237.5°, 78.2, 51.4 | hsl(237.5,78.2%,51.4%) |
HSV (or HSB) | 237.5°, 85.1, 89.4 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 33.128, 61.346, -91.174 |
---|---|
XYZ | 15.488, 7.596, 74.044 |
xyY | 0.159, 0.078, 7.596 |
CIE-LCH | 33.128, 109.891, 303.935 |
CIE-LUV | 33.128, -9.31, -117.946 |
Hunter-Lab | 27.561, 52.078, -139.991 |
Binary | 00100010, 00101010, 11100100 |
Color Schemes with #222ae4
Alternatives to #222ae4
Below, you can see some colors close to #222ae4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222ae4 Preview
This text has a font color of #222ae4.
<span style="color:#222ae4;">Text here</span>
This paragraph has a background color of #222ae4.
<p style="background-color:#222ae4;">Content here</p>
This element has a border color of #222ae4.
<div style="border:1px solid #222ae4;">Content here</div>
.text {color:#222ae4;}
.background {background-color:#222ae4;}
.border {border:1px solid #222ae4;}
Shades and Tints of #222ae4
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, #010106 is the darkest color, while #f4f4fe is the lightest one.
-
#010106
#010106
rgb(1,1,6)
-
#030418
#030418
rgb(3,4,24)
-
#050729
#050729
rgb(5,7,41)
-
#07093b
#07093b
rgb(7,9,59)
-
#090c4c
#090c4c
rgb(9,12,76)
-
#0b0f5e
#0b0f5e
rgb(11,15,94)
-
#0e126f
#0e126f
rgb(14,18,111)
-
#101481
#101481
rgb(16,20,129)
-
#121792
#121792
rgb(18,23,146)
-
#141aa4
#141aa4
rgb(20,26,164)
-
#161db5
#161db5
rgb(22,29,181)
-
#181fc7
#181fc7
rgb(24,31,199)
-
#1a22d8
#1a22d8
rgb(26,34,216)
-
#222ae4
#222ae4
rgb(34,42,228)
-
#333be6
#333be6
rgb(51,59,230)
-
#454ce8
#454ce8
rgb(69,76,232)
-
#565dea
#565dea
rgb(86,93,234)
-
#686ded
#686ded
rgb(104,109,237)
-
#797eef
#797eef
rgb(121,126,239)
-
#8b8ff1
#8b8ff1
rgb(139,143,241)
-
#9ca0f3
#9ca0f3
rgb(156,160,243)
-
#aeb1f5
#aeb1f5
rgb(174,177,245)
-
#bfc2f7
#bfc2f7
rgb(191,194,247)
-
#d1d2f9
#d1d2f9
rgb(209,210,249)
-
#e2e3fb
#e2e3fb
rgb(226,227,251)
-
#f4f4fe
#f4f4fe
rgb(244,244,254)
Tones of #222ae4
A tone is produced by adding gray to any pure hue. In this case, #818285 is the less saturated color, while #0f18f7 is the most saturated one.
-
#818285
#818285
rgb(129,130,133)
-
#78798e
#78798e
rgb(120,121,142)
-
#6e7098
#6e7098
rgb(110,112,152)
-
#6567a1
#6567a1
rgb(101,103,161)
-
#5b5fab
#5b5fab
rgb(91,95,171)
-
#5256b4
#5256b4
rgb(82,86,180)
-
#484dbe
#484dbe
rgb(72,77,190)
-
#3f44c7
#3f44c7
rgb(63,68,199)
-
#353cd1
#353cd1
rgb(53,60,209)
-
#2c33da
#2c33da
rgb(44,51,218)
-
#222ae4
#222ae4
rgb(34,42,228)
-
#1821ee
#1821ee
rgb(24,33,238)
-
#0f18f7
#0f18f7
rgb(15,24,247)
Color Blindness Simulator
Below, you can see how #222ae4 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.