#022ab4 Color Information
In a RGB color space, hex #022ab4 is composed of 0.8% red, 16.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 76.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 226.5 degrees, a saturation of 97.8% and a lightness of 35.7%. #022ab4 color hex could be obtained by blending #0454ff with #000069. Closest websafe color is: #0033cc.
-
- R 1
- G 16
- B 71
-
- C 99
- M 77
- Y 0
- K 29
● #022ab4 color description : Strong blue.
#022ab4 Color Conversion
The hexadecimal color #022ab4 has RGB values of R:2, G:42, B:180 and CMYK values of C:0.99, M:0.77, Y:0, K:0.29. Its decimal value is 142004.
Hex triplet | 022ab4 | #022ab4 |
---|---|---|
RGB Decimal | 2, 42, 180 | rgb(2,42,180) |
RGB Percent | 0.8, 16.5, 70.6 | rgb(0.8%,16.5%,70.6%) |
CMYK | 99, 77, 0, 29 | |
HSL | 226.5°, 97.8, 35.7 | hsl(226.5,97.8%,35.7%) |
HSV (or HSB) | 226.5°, 98.9, 70.6 | |
Web Safe | 0033cc | #0033cc |
CIE-LAB | 26.63, 44.899, -73.977 |
---|---|
XYZ | 9.09, 4.963, 43.656 |
xyY | 0.158, 0.086, 4.963 |
CIE-LCH | 26.63, 86.537, 301.255 |
CIE-LUV | 26.63, -9.813, -90.042 |
Hunter-Lab | 22.279, 33.839, -100.588 |
Binary | 00000010, 00101010, 10110100 |
Color Schemes with #022ab4
Alternatives to #022ab4
Below, you can see some colors close to #022ab4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#022ab4 Preview
This text has a font color of #022ab4.
<span style="color:#022ab4;">Text here</span>
This paragraph has a background color of #022ab4.
<p style="background-color:#022ab4;">Content here</p>
This element has a border color of #022ab4.
<div style="border:1px solid #022ab4;">Content here</div>
.text {color:#022ab4;}
.background {background-color:#022ab4;}
.border {border:1px solid #022ab4;}
Shades and Tints of #022ab4
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, #000105 is the darkest color, while #f1f4ff is the lightest one.
-
#000105
#000105
rgb(0,1,5)
-
#000619
#000619
rgb(0,6,25)
-
#000a2c
#000a2c
rgb(0,10,44)
-
#010f40
#010f40
rgb(1,15,64)
-
#011353
#011353
rgb(1,19,83)
-
#011866
#011866
rgb(1,24,102)
-
#011c7a
#011c7a
rgb(1,28,122)
-
#02218d
#02218d
rgb(2,33,141)
-
#0225a1
#0225a1
rgb(2,37,161)
-
#022ab4
#022ab4
rgb(2,42,180)
-
#022fc7
#022fc7
rgb(2,47,199)
-
#0233db
#0233db
rgb(2,51,219)
-
#0338ee
#0338ee
rgb(3,56,238)
-
#083ffc
#083ffc
rgb(8,63,252)
-
#1c4efc
#1c4efc
rgb(28,78,252)
-
#2f5dfd
#2f5dfd
rgb(47,93,253)
-
#426cfd
#426cfd
rgb(66,108,253)
-
#567bfd
#567bfd
rgb(86,123,253)
-
#698afd
#698afd
rgb(105,138,253)
-
#7d9afe
#7d9afe
rgb(125,154,254)
-
#90a9fe
#90a9fe
rgb(144,169,254)
-
#a3b8fe
#a3b8fe
rgb(163,184,254)
-
#b7c7fe
#b7c7fe
rgb(183,199,254)
-
#cad6fe
#cad6fe
rgb(202,214,254)
-
#dee5ff
#dee5ff
rgb(222,229,255)
-
#f1f4ff
#f1f4ff
rgb(241,244,255)
Tones of #022ab4
A tone is produced by adding gray to any pure hue. In this case, #565860 is the less saturated color, while #022ab4 is the most saturated one.
-
#565860
#565860
rgb(86,88,96)
-
#4f5467
#4f5467
rgb(79,84,103)
-
#48516e
#48516e
rgb(72,81,110)
-
#414d75
#414d75
rgb(65,77,117)
-
#3a497c
#3a497c
rgb(58,73,124)
-
#334583
#334583
rgb(51,69,131)
-
#2c418a
#2c418a
rgb(44,65,138)
-
#253d91
#253d91
rgb(37,61,145)
-
#1e3998
#1e3998
rgb(30,57,152)
-
#17369f
#17369f
rgb(23,54,159)
-
#1032a6
#1032a6
rgb(16,50,166)
-
#092ead
#092ead
rgb(9,46,173)
-
#022ab4
#022ab4
rgb(2,42,180)
Color Blindness Simulator
Below, you can see how #022ab4 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.