#022bb4 Color Information
In a RGB color space, hex #022bb4 is composed of 0.8% red, 16.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 76.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 226.2 degrees, a saturation of 97.8% and a lightness of 35.7%. #022bb4 color hex could be obtained by blending #0456ff with #000069. Closest websafe color is: #0033cc.
-
- R 1
- G 17
- B 71
-
- C 99
- M 76
- Y 0
- K 29
● #022bb4 color description : Strong blue.
#022bb4 Color Conversion
The hexadecimal color #022bb4 has RGB values of R:2, G:43, B:180 and CMYK values of C:0.99, M:0.76, Y:0, K:0.29. Its decimal value is 142260.
Hex triplet | 022bb4 | #022bb4 |
---|---|---|
RGB Decimal | 2, 43, 180 | rgb(2,43,180) |
RGB Percent | 0.8, 16.9, 70.6 | rgb(0.8%,16.9%,70.6%) |
CMYK | 99, 76, 0, 29 | |
HSL | 226.2°, 97.8, 35.7 | hsl(226.2,97.8%,35.7%) |
HSV (or HSB) | 226.2°, 98.9, 70.6 | |
Web Safe | 0033cc | #0033cc |
CIE-LAB | 26.835, 44.318, -73.638 |
---|---|
XYZ | 9.125, 5.035, 43.668 |
xyY | 0.158, 0.087, 5.035 |
CIE-LCH | 26.835, 85.946, 301.041 |
CIE-LUV | 26.835, -9.971, -90.075 |
Hunter-Lab | 22.439, 33.323, -99.675 |
Binary | 00000010, 00101011, 10110100 |
Color Schemes with #022bb4
Alternatives to #022bb4
Below, you can see some colors close to #022bb4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#022bb4 Preview
This text has a font color of #022bb4.
<span style="color:#022bb4;">Text here</span>
This paragraph has a background color of #022bb4.
<p style="background-color:#022bb4;">Content here</p>
This element has a border color of #022bb4.
<div style="border:1px solid #022bb4;">Content here</div>
.text {color:#022bb4;}
.background {background-color:#022bb4;}
.border {border:1px solid #022bb4;}
Shades and Tints of #022bb4
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)
-
#000b2c
#000b2c
rgb(0,11,44)
-
#010f40
#010f40
rgb(1,15,64)
-
#011453
#011453
rgb(1,20,83)
-
#011866
#011866
rgb(1,24,102)
-
#011d7a
#011d7a
rgb(1,29,122)
-
#02228d
#02228d
rgb(2,34,141)
-
#0226a1
#0226a1
rgb(2,38,161)
-
#022bb4
#022bb4
rgb(2,43,180)
-
#0230c7
#0230c7
rgb(2,48,199)
-
#0234db
#0234db
rgb(2,52,219)
-
#0339ee
#0339ee
rgb(3,57,238)
-
#0840fc
#0840fc
rgb(8,64,252)
-
#1c4ffc
#1c4ffc
rgb(28,79,252)
-
#2f5efd
#2f5efd
rgb(47,94,253)
-
#426dfd
#426dfd
rgb(66,109,253)
-
#567cfd
#567cfd
rgb(86,124,253)
-
#698bfd
#698bfd
rgb(105,139,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 #022bb4
A tone is produced by adding gray to any pure hue. In this case, #565860 is the less saturated color, while #022bb4 is the most saturated one.
-
#565860
#565860
rgb(86,88,96)
-
#4f5567
#4f5567
rgb(79,85,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)
-
#2c428a
#2c428a
rgb(44,66,138)
-
#253e91
#253e91
rgb(37,62,145)
-
#1e3a98
#1e3a98
rgb(30,58,152)
-
#17369f
#17369f
rgb(23,54,159)
-
#1033a6
#1033a6
rgb(16,51,166)
-
#092fad
#092fad
rgb(9,47,173)
-
#022bb4
#022bb4
rgb(2,43,180)
Color Blindness Simulator
Below, you can see how #022bb4 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.