#222ed5 Color Information
In a RGB color space, hex #222ed5 is composed of 13.3% red, 18% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 78.4% magenta, 0% yellow and 16.5% black. It has a hue angle of 236 degrees, a saturation of 72.5% and a lightness of 48.4%. #222ed5 color hex could be obtained by blending #445cff with #0000ab. Closest websafe color is: #3333cc.
-
- R 13
- G 18
- B 84
-
- C 84
- M 78
- Y 0
- K 16
● #222ed5 color description : Strong blue.
#222ed5 Color Conversion
The hexadecimal color #222ed5 has RGB values of R:34, G:46, B:213 and CMYK values of C:0.84, M:0.78, Y:0, K:0.16. Its decimal value is 2240213.
Hex triplet | 222ed5 | #222ed5 |
---|---|---|
RGB Decimal | 34, 46, 213 | rgb(34,46,213) |
RGB Percent | 13.3, 18, 83.5 | rgb(13.3%,18%,83.5%) |
CMYK | 84, 78, 0, 16 | |
HSL | 236°, 72.5, 48.4 | hsl(236,72.5%,48.4%) |
HSV (or HSB) | 236°, 84, 83.5 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 32.027, 54.791, -84.377 |
---|---|
XYZ | 13.645, 7.097, 63.598 |
xyY | 0.162, 0.084, 7.097 |
CIE-LCH | 32.027, 100.606, 302.998 |
CIE-LUV | 32.027, -9.28, -109.452 |
Hunter-Lab | 26.641, 44.802, -122.892 |
Binary | 00100010, 00101110, 11010101 |
Color Schemes with #222ed5
Alternatives to #222ed5
Below, you can see some colors close to #222ed5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222ed5 Preview
This text has a font color of #222ed5.
<span style="color:#222ed5;">Text here</span>
This paragraph has a background color of #222ed5.
<p style="background-color:#222ed5;">Content here</p>
This element has a border color of #222ed5.
<div style="border:1px solid #222ed5;">Content here</div>
.text {color:#222ed5;}
.background {background-color:#222ed5;}
.border {border:1px solid #222ed5;}
Shades and Tints of #222ed5
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, #02020a is the darkest color, while #f8f8fe is the lightest one.
-
#02020a
#02020a
rgb(2,2,10)
-
#04061b
#04061b
rgb(4,6,27)
-
#07092c
#07092c
rgb(7,9,44)
-
#0a0d3d
#0a0d3d
rgb(10,13,61)
-
#0c114e
#0c114e
rgb(12,17,78)
-
#0f145f
#0f145f
rgb(15,20,95)
-
#121870
#121870
rgb(18,24,112)
-
#141c80
#141c80
rgb(20,28,128)
-
#171f91
#171f91
rgb(23,31,145)
-
#1a23a2
#1a23a2
rgb(26,35,162)
-
#1d27b3
#1d27b3
rgb(29,39,179)
-
#1f2ac4
#1f2ac4
rgb(31,42,196)
-
#222ed5
#222ed5
rgb(34,46,213)
-
#2d39dd
#2d39dd
rgb(45,57,221)
-
#3e49e0
#3e49e0
rgb(62,73,224)
-
#4f59e3
#4f59e3
rgb(79,89,227)
-
#6069e6
#6069e6
rgb(96,105,230)
-
#7179e8
#7179e8
rgb(113,121,232)
-
#8289eb
#8289eb
rgb(130,137,235)
-
#9399ee
#9399ee
rgb(147,153,238)
-
#a4a9f0
#a4a9f0
rgb(164,169,240)
-
#b4b9f3
#b4b9f3
rgb(180,185,243)
-
#c5c9f6
#c5c9f6
rgb(197,201,246)
-
#d6d9f8
#d6d9f8
rgb(214,217,248)
-
#e7e9fb
#e7e9fb
rgb(231,233,251)
-
#f8f8fe
#f8f8fe
rgb(248,248,254)
Tones of #222ed5
A tone is produced by adding gray to any pure hue. In this case, #787880 is the less saturated color, while #0515f2 is the most saturated one.
-
#787880
#787880
rgb(120,120,128)
-
#6e7089
#6e7089
rgb(110,112,137)
-
#656893
#656893
rgb(101,104,147)
-
#5b5f9c
#5b5f9c
rgb(91,95,156)
-
#5257a6
#5257a6
rgb(82,87,166)
-
#484faf
#484faf
rgb(72,79,175)
-
#3f47b9
#3f47b9
rgb(63,71,185)
-
#353ec2
#353ec2
rgb(53,62,194)
-
#2c36cc
#2c36cc
rgb(44,54,204)
-
#222ed5
#222ed5
rgb(34,46,213)
-
#1926df
#1926df
rgb(25,38,223)
-
#0f1ee8
#0f1ee8
rgb(15,30,232)
-
#0515f2
#0515f2
rgb(5,21,242)
Color Blindness Simulator
Below, you can see how #222ed5 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.