#022afa Color Information
In a RGB color space, hex #022afa is composed of 0.8% red, 16.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 83.2% magenta, 0% yellow and 2% black. It has a hue angle of 230.3 degrees, a saturation of 98.4% and a lightness of 49.4%. #022afa color hex could be obtained by blending #0454ff with #0000f5. Closest websafe color is: #0033ff.
-
- R 1
- G 16
- B 98
-
- C 99
- M 83
- Y 0
- K 2
● #022afa color description : Vivid blue.
#022afa Color Conversion
The hexadecimal color #022afa has RGB values of R:2, G:42, B:250 and CMYK values of C:0.99, M:0.83, Y:0, K:0.02. Its decimal value is 142074.
Hex triplet | 022afa | #022afa |
---|---|---|
RGB Decimal | 2, 42, 250 | rgb(2,42,250) |
RGB Percent | 0.8, 16.5, 98 | rgb(0.8%,16.5%,98%) |
CMYK | 99, 83, 0, 2 | |
HSL | 230.3°, 98.4, 49.4 | hsl(230.3,98.4%,49.4%) |
HSV (or HSB) | 230.3°, 99.2, 98 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 35.142, 67.249, -100.309 |
---|---|
XYZ | 18.105, 8.569, 91.137 |
xyY | 0.154, 0.073, 8.569 |
CIE-LCH | 35.142, 120.765, 303.839 |
CIE-LUV | 35.142, -11.621, -130.077 |
Hunter-Lab | 29.274, 59.167, -164.094 |
Binary | 00000010, 00101010, 11111010 |
Color Schemes with #022afa
Alternatives to #022afa
Below, you can see some colors close to #022afa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#022afa Preview
This text has a font color of #022afa.
<span style="color:#022afa;">Text here</span>
This paragraph has a background color of #022afa.
<p style="background-color:#022afa;">Content here</p>
This element has a border color of #022afa.
<div style="border:1px solid #022afa;">Content here</div>
.text {color:#022afa;}
.background {background-color:#022afa;}
.border {border:1px solid #022afa;}
Shades and Tints of #022afa
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, #000310 is the darkest color, while #fcfdff is the lightest one.
-
#000310
#000310
rgb(0,3,16)
-
#000624
#000624
rgb(0,6,36)
-
#000937
#000937
rgb(0,9,55)
-
#010d4b
#010d4b
rgb(1,13,75)
-
#01105e
#01105e
rgb(1,16,94)
-
#011372
#011372
rgb(1,19,114)
-
#011685
#011685
rgb(1,22,133)
-
#011a99
#011a99
rgb(1,26,153)
-
#011dac
#011dac
rgb(1,29,172)
-
#0220c0
#0220c0
rgb(2,32,192)
-
#0223d3
#0223d3
rgb(2,35,211)
-
#0227e7
#0227e7
rgb(2,39,231)
-
#022afa
#022afa
rgb(2,42,250)
-
#1338fd
#1338fd
rgb(19,56,253)
-
#2649fd
#2649fd
rgb(38,73,253)
-
#3959fd
#3959fd
rgb(57,89,253)
-
#4d69fe
#4d69fe
rgb(77,105,254)
-
#607afe
#607afe
rgb(96,122,254)
-
#748afe
#748afe
rgb(116,138,254)
-
#879afe
#879afe
rgb(135,154,254)
-
#9babfe
#9babfe
rgb(155,171,254)
-
#aebbfe
#aebbfe
rgb(174,187,254)
-
#c2cbff
#c2cbff
rgb(194,203,255)
-
#d5dcff
#d5dcff
rgb(213,220,255)
-
#e9ecff
#e9ecff
rgb(233,236,255)
-
#fcfdff
#fcfdff
rgb(252,253,255)
Tones of #022afa
A tone is produced by adding gray to any pure hue. In this case, #767986 is the less saturated color, while #022afa is the most saturated one.
-
#767986
#767986
rgb(118,121,134)
-
#6d728f
#6d728f
rgb(109,114,143)
-
#636c99
#636c99
rgb(99,108,153)
-
#5965a3
#5965a3
rgb(89,101,163)
-
#505fac
#505fac
rgb(80,95,172)
-
#4658b6
#4658b6
rgb(70,88,182)
-
#3c51c0
#3c51c0
rgb(60,81,192)
-
#324bca
#324bca
rgb(50,75,202)
-
#2944d3
#2944d3
rgb(41,68,211)
-
#1f3edd
#1f3edd
rgb(31,62,221)
-
#1537e7
#1537e7
rgb(21,55,231)
-
#0c31f0
#0c31f0
rgb(12,49,240)
-
#022afa
#022afa
rgb(2,42,250)
Color Blindness Simulator
Below, you can see how #022afa 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.