#022cc2 Color Information
In a RGB color space, hex #022cc2 is composed of 0.8% red, 17.3% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 77.3% magenta, 0% yellow and 23.9% black. It has a hue angle of 226.9 degrees, a saturation of 98% and a lightness of 38.4%. #022cc2 color hex could be obtained by blending #0458ff with #000085. Closest websafe color is: #0033cc.
-
- R 1
- G 17
- B 76
-
- C 99
- M 77
- Y 0
- K 24
● #022cc2 color description : Strong blue.
#022cc2 Color Conversion
The hexadecimal color #022cc2 has RGB values of R:2, G:44, B:194 and CMYK values of C:0.99, M:0.77, Y:0, K:0.24. Its decimal value is 142530.
Hex triplet | 022cc2 | #022cc2 |
---|---|---|
RGB Decimal | 2, 44, 194 | rgb(2,44,194) |
RGB Percent | 0.8, 17.3, 76.1 | rgb(0.8%,17.3%,76.1%) |
CMYK | 99, 77, 0, 24 | |
HSL | 226.9°, 98, 38.4 | hsl(226.9,98%,38.4%) |
HSV (or HSB) | 226.9°, 99, 76.1 | |
Web Safe | 0033cc | #0033cc |
CIE-LAB | 28.665, 48.615, -78.897 |
---|---|
XYZ | 10.661, 5.708, 51.576 |
xyY | 0.157, 0.084, 5.708 |
CIE-LCH | 28.665, 92.672, 301.641 |
CIE-LUV | 28.665, -10.415, -98.252 |
Hunter-Lab | 23.892, 37.839, -111.264 |
Binary | 00000010, 00101100, 11000010 |
Color Schemes with #022cc2
Alternatives to #022cc2
Below, you can see some colors close to #022cc2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#022cc2 Preview
This text has a font color of #022cc2.
<span style="color:#022cc2;">Text here</span>
This paragraph has a background color of #022cc2.
<p style="background-color:#022cc2;">Content here</p>
This element has a border color of #022cc2.
<div style="border:1px solid #022cc2;">Content here</div>
.text {color:#022cc2;}
.background {background-color:#022cc2;}
.border {border:1px solid #022cc2;}
Shades and Tints of #022cc2
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, #000413 is the darkest color, while #ffffff is the lightest one.
-
#000413
#000413
rgb(0,4,19)
-
#000927
#000927
rgb(0,9,39)
-
#010d3a
#010d3a
rgb(1,13,58)
-
#01124e
#01124e
rgb(1,18,78)
-
#011661
#011661
rgb(1,22,97)
-
#011a74
#011a74
rgb(1,26,116)
-
#011f88
#011f88
rgb(1,31,136)
-
#02239b
#02239b
rgb(2,35,155)
-
#0228af
#0228af
rgb(2,40,175)
-
#022cc2
#022cc2
rgb(2,44,194)
-
#0230d5
#0230d5
rgb(2,48,213)
-
#0235e9
#0235e9
rgb(2,53,233)
-
#0339fc
#0339fc
rgb(3,57,252)
-
#1648fd
#1648fd
rgb(22,72,253)
-
#2958fd
#2958fd
rgb(41,88,253)
-
#3d67fd
#3d67fd
rgb(61,103,253)
-
#5076fd
#5076fd
rgb(80,118,253)
-
#6485fd
#6485fd
rgb(100,133,253)
-
#7794fe
#7794fe
rgb(119,148,254)
-
#8aa4fe
#8aa4fe
rgb(138,164,254)
-
#9eb3fe
#9eb3fe
rgb(158,179,254)
-
#b1c2fe
#b1c2fe
rgb(177,194,254)
-
#c5d1fe
#c5d1fe
rgb(197,209,254)
-
#d8e0ff
#d8e0ff
rgb(216,224,255)
-
#ebf0ff
#ebf0ff
rgb(235,240,255)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #022cc2
A tone is produced by adding gray to any pure hue. In this case, #5c5f68 is the less saturated color, while #022cc2 is the most saturated one.
-
#5c5f68
#5c5f68
rgb(92,95,104)
-
#555b6f
#555b6f
rgb(85,91,111)
-
#4d5677
#4d5677
rgb(77,86,119)
-
#46527e
#46527e
rgb(70,82,126)
-
#3e4e86
#3e4e86
rgb(62,78,134)
-
#374a8d
#374a8d
rgb(55,74,141)
-
#2f4595
#2f4595
rgb(47,69,149)
-
#28419c
#28419c
rgb(40,65,156)
-
#203da4
#203da4
rgb(32,61,164)
-
#1939ab
#1939ab
rgb(25,57,171)
-
#1134b3
#1134b3
rgb(17,52,179)
-
#0a30ba
#0a30ba
rgb(10,48,186)
-
#022cc2
#022cc2
rgb(2,44,194)
Color Blindness Simulator
Below, you can see how #022cc2 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.