#0222f0 Color Information
In a RGB color space, hex #0222f0 is composed of 0.8% red, 13.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 85.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 231.9 degrees, a saturation of 98.3% and a lightness of 47.5%. #0222f0 color hex could be obtained by blending #0444ff with #0000e1. Closest websafe color is: #0033ff.
-
- R 1
- G 13
- B 94
-
- C 99
- M 86
- Y 0
- K 6
● #0222f0 color description : Vivid blue.
#0222f0 Color Conversion
The hexadecimal color #0222f0 has RGB values of R:2, G:34, B:240 and CMYK values of C:0.99, M:0.86, Y:0, K:0.06. Its decimal value is 140016.
Hex triplet | 0222f0 | #0222f0 |
---|---|---|
RGB Decimal | 2, 34, 240 | rgb(2,34,240) |
RGB Percent | 0.8, 13.3, 94.1 | rgb(0.8%,13.3%,94.1%) |
CMYK | 99, 86, 0, 6 | |
HSL | 231.9°, 98.3, 47.5 | hsl(231.9,98.3%,47.5%) |
HSV (or HSB) | 231.9°, 99.2, 94.1 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 32.803, 67.558, -98.563 |
---|---|
XYZ | 16.322, 7.447, 83.01 |
xyY | 0.153, 0.07, 7.447 |
CIE-LCH | 32.803, 119.493, 304.428 |
CIE-LUV | 32.803, -10.528, -123.918 |
Hunter-Lab | 27.289, 59.008, -161.252 |
Binary | 00000010, 00100010, 11110000 |
Color Schemes with #0222f0
Alternatives to #0222f0
Below, you can see some colors close to #0222f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0222f0 Preview
This text has a font color of #0222f0.
<span style="color:#0222f0;">Text here</span>
This paragraph has a background color of #0222f0.
<p style="background-color:#0222f0;">Content here</p>
This element has a border color of #0222f0.
<div style="border:1px solid #0222f0;">Content here</div>
.text {color:#0222f0;}
.background {background-color:#0222f0;}
.border {border:1px solid #0222f0;}
Shades and Tints of #0222f0
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, #000107 is the darkest color, while #f2f4ff is the lightest one.
-
#000107
#000107
rgb(0,1,7)
-
#00041a
#00041a
rgb(0,4,26)
-
#00062d
#00062d
rgb(0,6,45)
-
#010941
#010941
rgb(1,9,65)
-
#010c54
#010c54
rgb(1,12,84)
-
#010f68
#010f68
rgb(1,15,104)
-
#01117b
#01117b
rgb(1,17,123)
-
#01148f
#01148f
rgb(1,20,143)
-
#0117a2
#0117a2
rgb(1,23,162)
-
#021ab6
#021ab6
rgb(2,26,182)
-
#021cc9
#021cc9
rgb(2,28,201)
-
#021fdd
#021fdd
rgb(2,31,221)
-
#0222f0
#0222f0
rgb(2,34,240)
-
#092afd
#092afd
rgb(9,42,253)
-
#1c3afd
#1c3afd
rgb(28,58,253)
-
#304bfd
#304bfd
rgb(48,75,253)
-
#435cfd
#435cfd
rgb(67,92,253)
-
#566dfe
#566dfe
rgb(86,109,254)
-
#6a7efe
#6a7efe
rgb(106,126,254)
-
#7d8ffe
#7d8ffe
rgb(125,143,254)
-
#91a0fe
#91a0fe
rgb(145,160,254)
-
#a4b0fe
#a4b0fe
rgb(164,176,254)
-
#b8c1fe
#b8c1fe
rgb(184,193,254)
-
#cbd2ff
#cbd2ff
rgb(203,210,255)
-
#dfe3ff
#dfe3ff
rgb(223,227,255)
-
#f2f4ff
#f2f4ff
rgb(242,244,255)
Tones of #0222f0
A tone is produced by adding gray to any pure hue. In this case, #727480 is the less saturated color, while #0222f0 is the most saturated one.
-
#727480
#727480
rgb(114,116,128)
-
#686d8a
#686d8a
rgb(104,109,138)
-
#5f6693
#5f6693
rgb(95,102,147)
-
#565f9c
#565f9c
rgb(86,95,156)
-
#4c58a6
#4c58a6
rgb(76,88,166)
-
#4352af
#4352af
rgb(67,82,175)
-
#3a4bb8
#3a4bb8
rgb(58,75,184)
-
#3144c1
#3144c1
rgb(49,68,193)
-
#273dcb
#273dcb
rgb(39,61,203)
-
#1e36d4
#1e36d4
rgb(30,54,212)
-
#1530dd
#1530dd
rgb(21,48,221)
-
#0b29e7
#0b29e7
rgb(11,41,231)
-
#0222f0
#0222f0
rgb(2,34,240)
Color Blindness Simulator
Below, you can see how #0222f0 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.