#022ec4 Color Information
In a RGB color space, hex #022ec4 is composed of 0.8% red, 18% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 76.5% magenta, 0% yellow and 23.1% black. It has a hue angle of 226.4 degrees, a saturation of 98% and a lightness of 38.8%. #022ec4 color hex could be obtained by blending #045cff with #000089. Closest websafe color is: #0033cc.
-
- R 1
- G 18
- B 77
-
- C 99
- M 77
- Y 0
- K 23
● #022ec4 color description : Strong blue.
#022ec4 Color Conversion
The hexadecimal color #022ec4 has RGB values of R:2, G:46, B:196 and CMYK values of C:0.99, M:0.77, Y:0, K:0.23. Its decimal value is 143044.
Hex triplet | 022ec4 | #022ec4 |
---|---|---|
RGB Decimal | 2, 46, 196 | rgb(2,46,196) |
RGB Percent | 0.8, 18, 76.9 | rgb(0.8%,18%,76.9%) |
CMYK | 99, 77, 0, 23 | |
HSL | 226.4°, 98, 38.8 | hsl(226.4,98%,38.8%) |
HSV (or HSB) | 226.4°, 99, 76.9 | |
Web Safe | 0033cc | #0033cc |
CIE-LAB | 29.29, 48.18, -79.035 |
---|---|
XYZ | 10.964, 5.952, 52.792 |
xyY | 0.157, 0.085, 5.952 |
CIE-LCH | 29.29, 92.563, 301.367 |
CIE-LUV | 29.29, -10.761, -99.463 |
Hunter-Lab | 24.396, 37.528, -111.227 |
Binary | 00000010, 00101110, 11000100 |
Color Schemes with #022ec4
Alternatives to #022ec4
Below, you can see some colors close to #022ec4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#022ec4 Preview
This text has a font color of #022ec4.
<span style="color:#022ec4;">Text here</span>
This paragraph has a background color of #022ec4.
<p style="background-color:#022ec4;">Content here</p>
This element has a border color of #022ec4.
<div style="border:1px solid #022ec4;">Content here</div>
.text {color:#022ec4;}
.background {background-color:#022ec4;}
.border {border:1px solid #022ec4;}
Shades and Tints of #022ec4
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, #000002 is the darkest color, while #edf1ff is the lightest one.
-
#000002
#000002
rgb(0,0,2)
-
#000515
#000515
rgb(0,5,21)
-
#000a29
#000a29
rgb(0,10,41)
-
#010e3c
#010e3c
rgb(1,14,60)
-
#01134f
#01134f
rgb(1,19,79)
-
#011763
#011763
rgb(1,23,99)
-
#011c76
#011c76
rgb(1,28,118)
-
#01208a
#01208a
rgb(1,32,138)
-
#02259d
#02259d
rgb(2,37,157)
-
#0229b1
#0229b1
rgb(2,41,177)
-
#022ec4
#022ec4
rgb(2,46,196)
-
#0233d7
#0233d7
rgb(2,51,215)
-
#0237eb
#0237eb
rgb(2,55,235)
-
#043dfc
#043dfc
rgb(4,61,252)
-
#184cfd
#184cfd
rgb(24,76,253)
-
#2b5bfd
#2b5bfd
rgb(43,91,253)
-
#3f6afd
#3f6afd
rgb(63,106,253)
-
#5279fd
#5279fd
rgb(82,121,253)
-
#6588fd
#6588fd
rgb(101,136,253)
-
#7997fe
#7997fe
rgb(121,151,254)
-
#8ca6fe
#8ca6fe
rgb(140,166,254)
-
#a0b5fe
#a0b5fe
rgb(160,181,254)
-
#b3c4fe
#b3c4fe
rgb(179,196,254)
-
#c7d3fe
#c7d3fe
rgb(199,211,254)
-
#dae2ff
#dae2ff
rgb(218,226,255)
-
#edf1ff
#edf1ff
rgb(237,241,255)
Tones of #022ec4
A tone is produced by adding gray to any pure hue. In this case, #5d6069 is the less saturated color, while #022ec4 is the most saturated one.
-
#5d6069
#5d6069
rgb(93,96,105)
-
#565c70
#565c70
rgb(86,92,112)
-
#4e5878
#4e5878
rgb(78,88,120)
-
#47537f
#47537f
rgb(71,83,127)
-
#3f4f87
#3f4f87
rgb(63,79,135)
-
#374b8f
#374b8f
rgb(55,75,143)
-
#304796
#304796
rgb(48,71,150)
-
#28439e
#28439e
rgb(40,67,158)
-
#203fa6
#203fa6
rgb(32,63,166)
-
#193aad
#193aad
rgb(25,58,173)
-
#1136b5
#1136b5
rgb(17,54,181)
-
#0a32bc
#0a32bc
rgb(10,50,188)
-
#022ec4
#022ec4
rgb(2,46,196)
Color Blindness Simulator
Below, you can see how #022ec4 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.