#022af9 Color Information
In a RGB color space, hex #022af9 is composed of 0.8% red, 16.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 83.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 230.3 degrees, a saturation of 98.4% and a lightness of 49.2%. #022af9 color hex could be obtained by blending #0454ff with #0000f3. Closest websafe color is: #0033ff.
-
- R 1
- G 16
- B 98
-
- C 99
- M 83
- Y 0
- K 2
● #022af9 color description : Vivid blue.
#022af9 Color Conversion
The hexadecimal color #022af9 has RGB values of R:2, G:42, B:249 and CMYK values of C:0.99, M:0.83, Y:0, K:0.02. Its decimal value is 142073.
Hex triplet | 022af9 | #022af9 |
---|---|---|
RGB Decimal | 2, 42, 249 | rgb(2,42,249) |
RGB Percent | 0.8, 16.5, 97.6 | rgb(0.8%,16.5%,97.6%) |
CMYK | 99, 83, 0, 2 | |
HSL | 230.3°, 98.4, 49.2 | hsl(230.3,98.4%,49.2%) |
HSV (or HSB) | 230.3°, 99.2, 97.6 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 35.017, 66.956, -99.954 |
---|---|
XYZ | 17.948, 8.507, 90.313 |
xyY | 0.154, 0.073, 8.507 |
CIE-LCH | 35.017, 120.308, 303.817 |
CIE-LUV | 35.017, -11.591, -129.515 |
Hunter-Lab | 29.167, 58.803, -163.172 |
Binary | 00000010, 00101010, 11111001 |
Color Schemes with #022af9
Alternatives to #022af9
Below, you can see some colors close to #022af9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#022af9 Preview
This text has a font color of #022af9.
<span style="color:#022af9;">Text here</span>
This paragraph has a background color of #022af9.
<p style="background-color:#022af9;">Content here</p>
This element has a border color of #022af9.
<div style="border:1px solid #022af9;">Content here</div>
.text {color:#022af9;}
.background {background-color:#022af9;}
.border {border:1px solid #022af9;}
Shades and Tints of #022af9
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, #00030f is the darkest color, while #fbfcff is the lightest one.
-
#00030f
#00030f
rgb(0,3,15)
-
#000623
#000623
rgb(0,6,35)
-
#000936
#000936
rgb(0,9,54)
-
#010c4a
#010c4a
rgb(1,12,74)
-
#01105d
#01105d
rgb(1,16,93)
-
#011371
#011371
rgb(1,19,113)
-
#011684
#011684
rgb(1,22,132)
-
#011a98
#011a98
rgb(1,26,152)
-
#011dab
#011dab
rgb(1,29,171)
-
#0220bf
#0220bf
rgb(2,32,191)
-
#0223d2
#0223d2
rgb(2,35,210)
-
#0227e6
#0227e6
rgb(2,39,230)
-
#022af9
#022af9
rgb(2,42,249)
-
#1238fd
#1238fd
rgb(18,56,253)
-
#2548fd
#2548fd
rgb(37,72,253)
-
#3858fd
#3858fd
rgb(56,88,253)
-
#4c69fe
#4c69fe
rgb(76,105,254)
-
#5f79fe
#5f79fe
rgb(95,121,254)
-
#7389fe
#7389fe
rgb(115,137,254)
-
#869afe
#869afe
rgb(134,154,254)
-
#9aaafe
#9aaafe
rgb(154,170,254)
-
#adbafe
#adbafe
rgb(173,186,254)
-
#c1cbfe
#c1cbfe
rgb(193,203,254)
-
#d4dbff
#d4dbff
rgb(212,219,255)
-
#e8ebff
#e8ebff
rgb(232,235,255)
-
#fbfcff
#fbfcff
rgb(251,252,255)
Tones of #022af9
A tone is produced by adding gray to any pure hue. In this case, #767885 is the less saturated color, while #022af9 is the most saturated one.
-
#767885
#767885
rgb(118,120,133)
-
#6c728f
#6c728f
rgb(108,114,143)
-
#636b98
#636b98
rgb(99,107,152)
-
#5965a2
#5965a2
rgb(89,101,162)
-
#4f5eac
#4f5eac
rgb(79,94,172)
-
#4658b5
#4658b5
rgb(70,88,181)
-
#3c51bf
#3c51bf
rgb(60,81,191)
-
#324bc9
#324bc9
rgb(50,75,201)
-
#2944d2
#2944d2
rgb(41,68,210)
-
#1f3edc
#1f3edc
rgb(31,62,220)
-
#1537e6
#1537e6
rgb(21,55,230)
-
#0c31ef
#0c31ef
rgb(12,49,239)
-
#022af9
#022af9
rgb(2,42,249)
Color Blindness Simulator
Below, you can see how #022af9 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.