#220ed4 Color Information
In a RGB color space, hex #220ed4 is composed of 13.3% red, 5.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 93.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 246.1 degrees, a saturation of 87.6% and a lightness of 44.3%. #220ed4 color hex could be obtained by blending #441cff with #0000a9. Closest websafe color is: #3300cc.
-
- R 13
- G 5
- B 83
-
- C 84
- M 93
- Y 0
- K 17
● #220ed4 color description : Strong blue.
#220ed4 Color Conversion
The hexadecimal color #220ed4 has RGB values of R:34, G:14, B:212 and CMYK values of C:0.84, M:0.93, Y:0, K:0.17. Its decimal value is 2232020.
Hex triplet | 220ed4 | #220ed4 |
---|---|---|
RGB Decimal | 34, 14, 212 | rgb(34,14,212) |
RGB Percent | 13.3, 5.5, 83.1 | rgb(13.3%,5.5%,83.1%) |
CMYK | 84, 93, 0, 17 | |
HSL | 246.1°, 87.6, 44.3 | hsl(246.1,87.6%,44.3%) |
HSV (or HSB) | 246.1°, 93.4, 83.1 | |
Web Safe | 3300cc | #3300cc |
CIE-LAB | 27.864, 66.538, -90.728 |
---|---|
XYZ | 12.698, 5.407, 62.658 |
xyY | 0.157, 0.067, 5.407 |
CIE-LCH | 27.864, 112.512, 306.256 |
CIE-LUV | 27.864, -6.368, -107.089 |
Hunter-Lab | 23.252, 56.786, -143.492 |
Binary | 00100010, 00001110, 11010100 |
Color Schemes with #220ed4
Alternatives to #220ed4
Below, you can see some colors close to #220ed4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#220ed4 Preview
This text has a font color of #220ed4.
<span style="color:#220ed4;">Text here</span>
This paragraph has a background color of #220ed4.
<p style="background-color:#220ed4;">Content here</p>
This element has a border color of #220ed4.
<div style="border:1px solid #220ed4;">Content here</div>
.text {color:#220ed4;}
.background {background-color:#220ed4;}
.border {border:1px solid #220ed4;}
Shades and Tints of #220ed4
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, #02010a is the darkest color, while #f7f6fe is the lightest one.
-
#02010a
#02010a
rgb(2,1,10)
-
#04021c
#04021c
rgb(4,2,28)
-
#07032e
#07032e
rgb(7,3,46)
-
#0a0441
#0a0441
rgb(10,4,65)
-
#0d0553
#0d0553
rgb(13,5,83)
-
#100766
#100766
rgb(16,7,102)
-
#130878
#130878
rgb(19,8,120)
-
#16098a
#16098a
rgb(22,9,138)
-
#190a9d
#190a9d
rgb(25,10,157)
-
#1c0caf
#1c0caf
rgb(28,12,175)
-
#1f0dc2
#1f0dc2
rgb(31,13,194)
-
#220ed4
#220ed4
rgb(34,14,212)
-
#250fe6
#250fe6
rgb(37,15,230)
-
#2f19f0
#2f19f0
rgb(47,25,240)
-
#402cf1
#402cf1
rgb(64,44,241)
-
#503ef2
#503ef2
rgb(80,62,242)
-
#6151f3
#6151f3
rgb(97,81,243)
-
#7263f5
#7263f5
rgb(114,99,245)
-
#8275f6
#8275f6
rgb(130,117,246)
-
#9388f7
#9388f7
rgb(147,136,247)
-
#a49af8
#a49af8
rgb(164,154,248)
-
#b4adfa
#b4adfa
rgb(180,173,250)
-
#c5bffb
#c5bffb
rgb(197,191,251)
-
#d6d1fc
#d6d1fc
rgb(214,209,252)
-
#e6e4fd
#e6e4fd
rgb(230,228,253)
-
#f7f6fe
#f7f6fe
rgb(247,246,254)
Tones of #220ed4
A tone is produced by adding gray to any pure hue. In this case, #6e6e74 is the less saturated color, while #1b05dd is the most saturated one.
-
#6e6e74
#6e6e74
rgb(110,110,116)
-
#67657d
#67657d
rgb(103,101,125)
-
#605c86
#605c86
rgb(96,92,134)
-
#59548e
#59548e
rgb(89,84,142)
-
#534b97
#534b97
rgb(83,75,151)
-
#4c42a0
#4c42a0
rgb(76,66,160)
-
#4539a9
#4539a9
rgb(69,57,169)
-
#3e31b1
#3e31b1
rgb(62,49,177)
-
#3728ba
#3728ba
rgb(55,40,186)
-
#301fc3
#301fc3
rgb(48,31,195)
-
#2917cb
#2917cb
rgb(41,23,203)
-
#220ed4
#220ed4
rgb(34,14,212)
-
#1b05dd
#1b05dd
rgb(27,5,221)
Color Blindness Simulator
Below, you can see how #220ed4 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.