#022be2 Color Information
In a RGB color space, hex #022be2 is composed of 0.8% red, 16.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 81% magenta, 0% yellow and 11.4% black. It has a hue angle of 229 degrees, a saturation of 98.2% and a lightness of 44.7%. #022be2 color hex could be obtained by blending #0456ff with #0000c5. Closest websafe color is: #0033cc.
-
- R 1
- G 17
- B 89
-
- C 99
- M 81
- Y 0
- K 11
● #022be2 color description : Vivid blue.
#022be2 Color Conversion
The hexadecimal color #022be2 has RGB values of R:2, G:43, B:226 and CMYK values of C:0.99, M:0.81, Y:0, K:0.11. Its decimal value is 142306.
Hex triplet | 022be2 | #022be2 |
---|---|---|
RGB Decimal | 2, 43, 226 | rgb(2,43,226) |
RGB Percent | 0.8, 16.9, 88.6 | rgb(0.8%,16.9%,88.6%) |
CMYK | 99, 81, 0, 11 | |
HSL | 229°, 98.2, 44.7 | hsl(229,98.2%,44.7%) |
HSV (or HSB) | 229°, 99.1, 88.6 | |
Web Safe | 0033cc | #0033cc |
CIE-LAB | 32.326, 59.56, -91.383 |
---|---|
XYZ | 14.614, 7.23, 72.573 |
xyY | 0.155, 0.077, 7.23 |
CIE-LCH | 32.326, 109.079, 303.095 |
CIE-LUV | 32.326, -11.058, -116.567 |
Hunter-Lab | 26.89, 49.952, -141.197 |
Binary | 00000010, 00101011, 11100010 |
Color Schemes with #022be2
Alternatives to #022be2
Below, you can see some colors close to #022be2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#022be2 Preview
This text has a font color of #022be2.
<span style="color:#022be2;">Text here</span>
This paragraph has a background color of #022be2.
<p style="background-color:#022be2;">Content here</p>
This element has a border color of #022be2.
<div style="border:1px solid #022be2;">Content here</div>
.text {color:#022be2;}
.background {background-color:#022be2;}
.border {border:1px solid #022be2;}
Shades and Tints of #022be2
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, #00020c is the darkest color, while #f8f9ff is the lightest one.
-
#00020c
#00020c
rgb(0,2,12)
-
#000620
#000620
rgb(0,6,32)
-
#000a33
#000a33
rgb(0,10,51)
-
#010d46
#010d46
rgb(1,13,70)
-
#01115a
#01115a
rgb(1,17,90)
-
#01156d
#01156d
rgb(1,21,109)
-
#011981
#011981
rgb(1,25,129)
-
#011c94
#011c94
rgb(1,28,148)
-
#0120a8
#0120a8
rgb(1,32,168)
-
#0224bb
#0224bb
rgb(2,36,187)
-
#0227cf
#0227cf
rgb(2,39,207)
-
#022be2
#022be2
rgb(2,43,226)
-
#022ff5
#022ff5
rgb(2,47,245)
-
#0e3afd
#0e3afd
rgb(14,58,253)
-
#224afd
#224afd
rgb(34,74,253)
-
#355afd
#355afd
rgb(53,90,253)
-
#496afd
#496afd
rgb(73,106,253)
-
#5c7afe
#5c7afe
rgb(92,122,254)
-
#708afe
#708afe
rgb(112,138,254)
-
#839afe
#839afe
rgb(131,154,254)
-
#96a9fe
#96a9fe
rgb(150,169,254)
-
#aab9fe
#aab9fe
rgb(170,185,254)
-
#bdc9fe
#bdc9fe
rgb(189,201,254)
-
#d1d9ff
#d1d9ff
rgb(209,217,255)
-
#e4e9ff
#e4e9ff
rgb(228,233,255)
-
#f8f9ff
#f8f9ff
rgb(248,249,255)
Tones of #022be2
A tone is produced by adding gray to any pure hue. In this case, #6b6e79 is the less saturated color, while #022be2 is the most saturated one.
-
#6b6e79
#6b6e79
rgb(107,110,121)
-
#626882
#626882
rgb(98,104,130)
-
#5a638a
#5a638a
rgb(90,99,138)
-
#515d93
#515d93
rgb(81,93,147)
-
#48579c
#48579c
rgb(72,87,156)
-
#3f52a5
#3f52a5
rgb(63,82,165)
-
#374cad
#374cad
rgb(55,76,173)
-
#2e47b6
#2e47b6
rgb(46,71,182)
-
#2541bf
#2541bf
rgb(37,65,191)
-
#1c3cc8
#1c3cc8
rgb(28,60,200)
-
#1436d0
#1436d0
rgb(20,54,208)
-
#0b31d9
#0b31d9
rgb(11,49,217)
-
#022be2
#022be2
rgb(2,43,226)
Color Blindness Simulator
Below, you can see how #022be2 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.