#022bb0 Color Information
In a RGB color space, hex #022bb0 is composed of 0.8% red, 16.9% green and 69% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 75.6% magenta, 0% yellow and 31% black. It has a hue angle of 225.9 degrees, a saturation of 97.8% and a lightness of 34.9%. #022bb0 color hex could be obtained by blending #0456ff with #000061. Closest websafe color is: #003399.
-
- R 1
- G 17
- B 69
-
- C 99
- M 76
- Y 0
- K 31
● #022bb0 color description : Dark blue.
#022bb0 Color Conversion
The hexadecimal color #022bb0 has RGB values of R:2, G:43, B:176 and CMYK values of C:0.99, M:0.76, Y:0, K:0.31. Its decimal value is 142256.
Hex triplet | 022bb0 | #022bb0 |
---|---|---|
RGB Decimal | 2, 43, 176 | rgb(2,43,176) |
RGB Percent | 0.8, 16.9, 69 | rgb(0.8%,16.9%,69%) |
CMYK | 99, 76, 0, 31 | |
HSL | 225.9°, 97.8, 34.9 | hsl(225.9,97.8%,34.9%) |
HSV (or HSB) | 225.9°, 98.9, 69 | |
Web Safe | 003399 | #003399 |
CIE-LAB | 26.374, 42.893, -72.011 |
---|---|
XYZ | 8.724, 4.875, 41.553 |
xyY | 0.158, 0.088, 4.875 |
CIE-LCH | 26.374, 83.818, 300.78 |
CIE-LUV | 26.374, -9.894, -87.735 |
Hunter-Lab | 22.078, 31.893, -96.133 |
Binary | 00000010, 00101011, 10110000 |
Color Schemes with #022bb0
Alternatives to #022bb0
Below, you can see some colors close to #022bb0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#022bb0 Preview
This text has a font color of #022bb0.
<span style="color:#022bb0;">Text here</span>
This paragraph has a background color of #022bb0.
<p style="background-color:#022bb0;">Content here</p>
This element has a border color of #022bb0.
<div style="border:1px solid #022bb0;">Content here</div>
.text {color:#022bb0;}
.background {background-color:#022bb0;}
.border {border:1px solid #022bb0;}
Shades and Tints of #022bb0
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, #000001 is the darkest color, while #edf1ff is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#000515
#000515
rgb(0,5,21)
-
#000a28
#000a28
rgb(0,10,40)
-
#010f3c
#010f3c
rgb(1,15,60)
-
#01134f
#01134f
rgb(1,19,79)
-
#011862
#011862
rgb(1,24,98)
-
#011d76
#011d76
rgb(1,29,118)
-
#022289
#022289
rgb(2,34,137)
-
#02269d
#02269d
rgb(2,38,157)
-
#022bb0
#022bb0
rgb(2,43,176)
-
#0230c3
#0230c3
rgb(2,48,195)
-
#0234d7
#0234d7
rgb(2,52,215)
-
#0339ea
#0339ea
rgb(3,57,234)
-
#043ffc
#043ffc
rgb(4,63,252)
-
#184efc
#184efc
rgb(24,78,252)
-
#2b5cfd
#2b5cfd
rgb(43,92,253)
-
#3e6bfd
#3e6bfd
rgb(62,107,253)
-
#527afd
#527afd
rgb(82,122,253)
-
#6589fd
#6589fd
rgb(101,137,253)
-
#7998fd
#7998fd
rgb(121,152,253)
-
#8ca7fe
#8ca7fe
rgb(140,167,254)
-
#9fb6fe
#9fb6fe
rgb(159,182,254)
-
#b3c5fe
#b3c5fe
rgb(179,197,254)
-
#c6d3fe
#c6d3fe
rgb(198,211,254)
-
#dae2ff
#dae2ff
rgb(218,226,255)
-
#edf1ff
#edf1ff
rgb(237,241,255)
Tones of #022bb0
A tone is produced by adding gray to any pure hue. In this case, #54565e is the less saturated color, while #022bb0 is the most saturated one.
-
#54565e
#54565e
rgb(84,86,94)
-
#4d5365
#4d5365
rgb(77,83,101)
-
#464f6c
#464f6c
rgb(70,79,108)
-
#404c72
#404c72
rgb(64,76,114)
-
#394879
#394879
rgb(57,72,121)
-
#324480
#324480
rgb(50,68,128)
-
#2b4187
#2b4187
rgb(43,65,135)
-
#243d8e
#243d8e
rgb(36,61,142)
-
#1d3995
#1d3995
rgb(29,57,149)
-
#17369b
#17369b
rgb(23,54,155)
-
#1032a2
#1032a2
rgb(16,50,162)
-
#092fa9
#092fa9
rgb(9,47,169)
-
#022bb0
#022bb0
rgb(2,43,176)
Color Blindness Simulator
Below, you can see how #022bb0 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.