#0022b0 Color Information
In a RGB color space, hex #0022b0 is composed of 0% red, 13.3% green and 69% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 80.7% magenta, 0% yellow and 31% black. It has a hue angle of 228.4 degrees, a saturation of 100% and a lightness of 34.5%. #0022b0 color hex could be obtained by blending #0044ff with #000061. Closest websafe color is: #003399.
-
- R 0
- G 13
- B 69
-
- C 100
- M 81
- Y 0
- K 31
● #0022b0 color description : Dark blue.
#0022b0 Color Conversion
The hexadecimal color #0022b0 has RGB values of R:0, G:34, B:176 and CMYK values of C:1, M:0.81, Y:0, K:0.31. Its decimal value is 8880.
Hex triplet | 0022b0 | #0022b0 |
---|---|---|
RGB Decimal | 0, 34, 176 | rgb(0,34,176) |
RGB Percent | 0, 13.3, 69 | rgb(0%,13.3%,69%) |
CMYK | 100, 81, 0, 31 | |
HSL | 228.4°, 100, 34.5 | hsl(228.4,100%,34.5%) |
HSV (or HSB) | 228.4°, 100, 69 | |
Web Safe | 003399 | #003399 |
CIE-LAB | 24.57, 47.906, -75.007 |
---|---|
XYZ | 8.407, 4.278, 41.455 |
xyY | 0.155, 0.079, 4.278 |
CIE-LCH | 24.57, 89.001, 302.566 |
CIE-LUV | 24.57, -8.652, -87.146 |
Hunter-Lab | 20.683, 36.358, -104.354 |
Binary | 00000000, 00100010, 10110000 |
Color Schemes with #0022b0
Alternatives to #0022b0
Below, you can see some colors close to #0022b0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0022b0 Preview
This text has a font color of #0022b0.
<span style="color:#0022b0;">Text here</span>
This paragraph has a background color of #0022b0.
<p style="background-color:#0022b0;">Content here</p>
This element has a border color of #0022b0.
<div style="border:1px solid #0022b0;">Content here</div>
.text {color:#0022b0;}
.background {background-color:#0022b0;}
.border {border:1px solid #0022b0;}
Shades and Tints of #0022b0
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 #feffff is the lightest one.
-
#000413
#000413
rgb(0,4,19)
-
#000727
#000727
rgb(0,7,39)
-
#000b3a
#000b3a
rgb(0,11,58)
-
#000f4e
#000f4e
rgb(0,15,78)
-
#001362
#001362
rgb(0,19,98)
-
#001775
#001775
rgb(0,23,117)
-
#001a89
#001a89
rgb(0,26,137)
-
#001e9c
#001e9c
rgb(0,30,156)
-
#0022b0
#0022b0
rgb(0,34,176)
-
#0026c4
#0026c4
rgb(0,38,196)
-
#002ad7
#002ad7
rgb(0,42,215)
-
#002deb
#002deb
rgb(0,45,235)
-
#0031fe
#0031fe
rgb(0,49,254)
-
#1341ff
#1341ff
rgb(19,65,255)
-
#2750ff
#2750ff
rgb(39,80,255)
-
#3a60ff
#3a60ff
rgb(58,96,255)
-
#4e70ff
#4e70ff
rgb(78,112,255)
-
#6280ff
#6280ff
rgb(98,128,255)
-
#7590ff
#7590ff
rgb(117,144,255)
-
#89a0ff
#89a0ff
rgb(137,160,255)
-
#9cafff
#9cafff
rgb(156,175,255)
-
#b0bfff
#b0bfff
rgb(176,191,255)
-
#c4cfff
#c4cfff
rgb(196,207,255)
-
#d7dfff
#d7dfff
rgb(215,223,255)
-
#ebefff
#ebefff
rgb(235,239,255)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #0022b0
A tone is produced by adding gray to any pure hue. In this case, #51545f is the less saturated color, while #0022b0 is the most saturated one.
-
#51545f
#51545f
rgb(81,84,95)
-
#4a5066
#4a5066
rgb(74,80,102)
-
#444c6c
#444c6c
rgb(68,76,108)
-
#3d4773
#3d4773
rgb(61,71,115)
-
#36437a
#36437a
rgb(54,67,122)
-
#2f3f81
#2f3f81
rgb(47,63,129)
-
#293b87
#293b87
rgb(41,59,135)
-
#22378e
#22378e
rgb(34,55,142)
-
#1b3395
#1b3395
rgb(27,51,149)
-
#142e9c
#142e9c
rgb(20,46,156)
-
#0e2aa2
#0e2aa2
rgb(14,42,162)
-
#0726a9
#0726a9
rgb(7,38,169)
-
#0022b0
#0022b0
rgb(0,34,176)
Color Blindness Simulator
Below, you can see how #0022b0 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.