#022ae3 Color Information
In a RGB color space, hex #022ae3 is composed of 0.8% red, 16.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 81.5% magenta, 0% yellow and 11% black. It has a hue angle of 229.3 degrees, a saturation of 98.3% and a lightness of 44.9%. #022ae3 color hex could be obtained by blending #0454ff with #0000c7. Closest websafe color is: #0033cc.
-
- R 1
- G 16
- B 89
-
- C 99
- M 81
- Y 0
- K 11
● #022ae3 color description : Vivid blue.
#022ae3 Color Conversion
The hexadecimal color #022ae3 has RGB values of R:2, G:42, B:227 and CMYK values of C:0.99, M:0.81, Y:0, K:0.11. Its decimal value is 142051.
Hex triplet | 022ae3 | #022ae3 |
---|---|---|
RGB Decimal | 2, 42, 227 | rgb(2,42,227) |
RGB Percent | 0.8, 16.5, 89 | rgb(0.8%,16.5%,89%) |
CMYK | 99, 81, 0, 11 | |
HSL | 229.3°, 98.3, 44.9 | hsl(229.3,98.3%,44.9%) |
HSV (or HSB) | 229.3°, 99.1, 89 | |
Web Safe | 0033cc | #0033cc |
CIE-LAB | 32.289, 60.341, -92.017 |
---|---|
XYZ | 14.715, 7.214, 73.286 |
xyY | 0.155, 0.076, 7.214 |
CIE-LCH | 32.289, 110.037, 303.255 |
CIE-LUV | 32.289, -10.964, -117.082 |
Hunter-Lab | 26.858, 50.796, -142.978 |
Binary | 00000010, 00101010, 11100011 |
Color Schemes with #022ae3
Alternatives to #022ae3
Below, you can see some colors close to #022ae3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#022ae3 Preview
This text has a font color of #022ae3.
<span style="color:#022ae3;">Text here</span>
This paragraph has a background color of #022ae3.
<p style="background-color:#022ae3;">Content here</p>
This element has a border color of #022ae3.
<div style="border:1px solid #022ae3;">Content here</div>
.text {color:#022ae3;}
.background {background-color:#022ae3;}
.border {border:1px solid #022ae3;}
Shades and Tints of #022ae3
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, #00020d is the darkest color, while #f9faff is the lightest one.
-
#00020d
#00020d
rgb(0,2,13)
-
#000621
#000621
rgb(0,6,33)
-
#000a34
#000a34
rgb(0,10,52)
-
#010d47
#010d47
rgb(1,13,71)
-
#01115b
#01115b
rgb(1,17,91)
-
#01146e
#01146e
rgb(1,20,110)
-
#011882
#011882
rgb(1,24,130)
-
#011c95
#011c95
rgb(1,28,149)
-
#011fa9
#011fa9
rgb(1,31,169)
-
#0223bc
#0223bc
rgb(2,35,188)
-
#0226d0
#0226d0
rgb(2,38,208)
-
#022ae3
#022ae3
rgb(2,42,227)
-
#022ef6
#022ef6
rgb(2,46,246)
-
#0f3afd
#0f3afd
rgb(15,58,253)
-
#234afd
#234afd
rgb(35,74,253)
-
#365afd
#365afd
rgb(54,90,253)
-
#4a6afd
#4a6afd
rgb(74,106,253)
-
#5d7afe
#5d7afe
rgb(93,122,254)
-
#718afe
#718afe
rgb(113,138,254)
-
#849afe
#849afe
rgb(132,154,254)
-
#97aafe
#97aafe
rgb(151,170,254)
-
#abbafe
#abbafe
rgb(171,186,254)
-
#becafe
#becafe
rgb(190,202,254)
-
#d2daff
#d2daff
rgb(210,218,255)
-
#e5eaff
#e5eaff
rgb(229,234,255)
-
#f9faff
#f9faff
rgb(249,250,255)
Tones of #022ae3
A tone is produced by adding gray to any pure hue. In this case, #6c6e79 is the less saturated color, while #022ae3 is the most saturated one.
-
#6c6e79
#6c6e79
rgb(108,110,121)
-
#636882
#636882
rgb(99,104,130)
-
#5a638b
#5a638b
rgb(90,99,139)
-
#515d94
#515d94
rgb(81,93,148)
-
#48579d
#48579d
rgb(72,87,157)
-
#4052a5
#4052a5
rgb(64,82,165)
-
#374cae
#374cae
rgb(55,76,174)
-
#2e46b7
#2e46b7
rgb(46,70,183)
-
#2541c0
#2541c0
rgb(37,65,192)
-
#1c3bc9
#1c3bc9
rgb(28,59,201)
-
#1435d1
#1435d1
rgb(20,53,209)
-
#0b30da
#0b30da
rgb(11,48,218)
-
#022ae3
#022ae3
rgb(2,42,227)
Color Blindness Simulator
Below, you can see how #022ae3 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.