#022af0 Color Information
In a RGB color space, hex #022af0 is composed of 0.8% red, 16.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 82.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 229.9 degrees, a saturation of 98.3% and a lightness of 47.5%. #022af0 color hex could be obtained by blending #0454ff with #0000e1. Closest websafe color is: #0033ff.
-
- R 1
- G 16
- B 94
-
- C 99
- M 83
- Y 0
- K 6
● #022af0 color description : Vivid blue.
#022af0 Color Conversion
The hexadecimal color #022af0 has RGB values of R:2, G:42, B:240 and CMYK values of C:0.99, M:0.83, Y:0, K:0.06. Its decimal value is 142064.
Hex triplet | 022af0 | #022af0 |
---|---|---|
RGB Decimal | 2, 42, 240 | rgb(2,42,240) |
RGB Percent | 0.8, 16.5, 94.1 | rgb(0.8%,16.5%,94.1%) |
CMYK | 99, 83, 0, 6 | |
HSL | 229.9°, 98.3, 47.5 | hsl(229.9,98.3%,47.5%) |
HSV (or HSB) | 229.9°, 99.2, 94.1 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 33.897, 64.29, -96.74 |
---|---|
XYZ | 16.578, 7.959, 83.096 |
xyY | 0.154, 0.074, 7.959 |
CIE-LCH | 33.897, 116.154, 303.606 |
CIE-LUV | 33.897, -11.33, -124.445 |
Hunter-Lab | 28.211, 55.524, -154.89 |
Binary | 00000010, 00101010, 11110000 |
Color Schemes with #022af0
Alternatives to #022af0
Below, you can see some colors close to #022af0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#022af0 Preview
This text has a font color of #022af0.
<span style="color:#022af0;">Text here</span>
This paragraph has a background color of #022af0.
<p style="background-color:#022af0;">Content here</p>
This element has a border color of #022af0.
<div style="border:1px solid #022af0;">Content here</div>
.text {color:#022af0;}
.background {background-color:#022af0;}
.border {border:1px solid #022af0;}
Shades and Tints of #022af0
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)
-
#00051a
#00051a
rgb(0,5,26)
-
#00082d
#00082d
rgb(0,8,45)
-
#010b41
#010b41
rgb(1,11,65)
-
#010f54
#010f54
rgb(1,15,84)
-
#011268
#011268
rgb(1,18,104)
-
#01167b
#01167b
rgb(1,22,123)
-
#01198f
#01198f
rgb(1,25,143)
-
#011ca2
#011ca2
rgb(1,28,162)
-
#0220b6
#0220b6
rgb(2,32,182)
-
#0223c9
#0223c9
rgb(2,35,201)
-
#0227dd
#0227dd
rgb(2,39,221)
-
#022af0
#022af0
rgb(2,42,240)
-
#0932fd
#0932fd
rgb(9,50,253)
-
#1c42fd
#1c42fd
rgb(28,66,253)
-
#3052fd
#3052fd
rgb(48,82,253)
-
#4362fd
#4362fd
rgb(67,98,253)
-
#5673fe
#5673fe
rgb(86,115,254)
-
#6a83fe
#6a83fe
rgb(106,131,254)
-
#7d93fe
#7d93fe
rgb(125,147,254)
-
#91a3fe
#91a3fe
rgb(145,163,254)
-
#a4b3fe
#a4b3fe
rgb(164,179,254)
-
#b8c4fe
#b8c4fe
rgb(184,196,254)
-
#cbd4ff
#cbd4ff
rgb(203,212,255)
-
#dfe4ff
#dfe4ff
rgb(223,228,255)
-
#f2f4ff
#f2f4ff
rgb(242,244,255)
Tones of #022af0
A tone is produced by adding gray to any pure hue. In this case, #727480 is the less saturated color, while #022af0 is the most saturated one.
-
#727480
#727480
rgb(114,116,128)
-
#686e8a
#686e8a
rgb(104,110,138)
-
#5f6893
#5f6893
rgb(95,104,147)
-
#56629c
#56629c
rgb(86,98,156)
-
#4c5ba6
#4c5ba6
rgb(76,91,166)
-
#4355af
#4355af
rgb(67,85,175)
-
#3a4fb8
#3a4fb8
rgb(58,79,184)
-
#3149c1
#3149c1
rgb(49,73,193)
-
#2743cb
#2743cb
rgb(39,67,203)
-
#1e3dd4
#1e3dd4
rgb(30,61,212)
-
#1536dd
#1536dd
rgb(21,54,221)
-
#0b30e7
#0b30e7
rgb(11,48,231)
-
#022af0
#022af0
rgb(2,42,240)
Color Blindness Simulator
Below, you can see how #022af0 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.