#022cf0 Color Information
In a RGB color space, hex #022cf0 is composed of 0.8% red, 17.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 81.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 229.4 degrees, a saturation of 98.3% and a lightness of 47.5%. #022cf0 color hex could be obtained by blending #0458ff with #0000e1. Closest websafe color is: #0033ff.
-
- R 1
- G 17
- B 94
-
- C 99
- M 82
- Y 0
- K 6
● #022cf0 color description : Vivid blue.
#022cf0 Color Conversion
The hexadecimal color #022cf0 has RGB values of R:2, G:44, B:240 and CMYK values of C:0.99, M:0.82, Y:0, K:0.06. Its decimal value is 142576.
Hex triplet | 022cf0 | #022cf0 |
---|---|---|
RGB Decimal | 2, 44, 240 | rgb(2,44,240) |
RGB Percent | 0.8, 17.3, 94.1 | rgb(0.8%,17.3%,94.1%) |
CMYK | 99, 82, 0, 6 | |
HSL | 229.4°, 98.3, 47.5 | hsl(229.4,98.3%,47.5%) |
HSV (or HSB) | 229.4°, 99.2, 94.1 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 34.199, 63.395, -96.237 |
---|---|
XYZ | 16.651, 8.104, 83.12 |
xyY | 0.154, 0.075, 8.104 |
CIE-LCH | 34.199, 115.241, 303.375 |
CIE-LUV | 34.199, -11.557, -124.549 |
Hunter-Lab | 28.468, 54.585, -153.186 |
Binary | 00000010, 00101100, 11110000 |
Color Schemes with #022cf0
Alternatives to #022cf0
Below, you can see some colors close to #022cf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#022cf0 Preview
This text has a font color of #022cf0.
<span style="color:#022cf0;">Text here</span>
This paragraph has a background color of #022cf0.
<p style="background-color:#022cf0;">Content here</p>
This element has a border color of #022cf0.
<div style="border:1px solid #022cf0;">Content here</div>
.text {color:#022cf0;}
.background {background-color:#022cf0;}
.border {border:1px solid #022cf0;}
Shades and Tints of #022cf0
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)
-
#010c41
#010c41
rgb(1,12,65)
-
#010f54
#010f54
rgb(1,15,84)
-
#011368
#011368
rgb(1,19,104)
-
#01177b
#01177b
rgb(1,23,123)
-
#011a8f
#011a8f
rgb(1,26,143)
-
#011ea2
#011ea2
rgb(1,30,162)
-
#0221b6
#0221b6
rgb(2,33,182)
-
#0225c9
#0225c9
rgb(2,37,201)
-
#0228dd
#0228dd
rgb(2,40,221)
-
#022cf0
#022cf0
rgb(2,44,240)
-
#0934fd
#0934fd
rgb(9,52,253)
-
#1c44fd
#1c44fd
rgb(28,68,253)
-
#3054fd
#3054fd
rgb(48,84,253)
-
#4364fd
#4364fd
rgb(67,100,253)
-
#5674fe
#5674fe
rgb(86,116,254)
-
#6a84fe
#6a84fe
rgb(106,132,254)
-
#7d94fe
#7d94fe
rgb(125,148,254)
-
#91a4fe
#91a4fe
rgb(145,164,254)
-
#a4b4fe
#a4b4fe
rgb(164,180,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 #022cf0
A tone is produced by adding gray to any pure hue. In this case, #727480 is the less saturated color, while #022cf0 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)
-
#4c5ca6
#4c5ca6
rgb(76,92,166)
-
#4356af
#4356af
rgb(67,86,175)
-
#3a50b8
#3a50b8
rgb(58,80,184)
-
#314ac1
#314ac1
rgb(49,74,193)
-
#2744cb
#2744cb
rgb(39,68,203)
-
#1e3ed4
#1e3ed4
rgb(30,62,212)
-
#1538dd
#1538dd
rgb(21,56,221)
-
#0b32e7
#0b32e7
rgb(11,50,231)
-
#022cf0
#022cf0
rgb(2,44,240)
Color Blindness Simulator
Below, you can see how #022cf0 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.