#1022f2 Color Information
In a RGB color space, hex #1022f2 is composed of 6.3% red, 13.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 93.4% cyan, 86% magenta, 0% yellow and 5.1% black. It has a hue angle of 235.2 degrees, a saturation of 89.7% and a lightness of 50.6%. #1022f2 color hex could be obtained by blending #2044ff with #0000e5. Closest websafe color is: #0033ff.
-
- R 6
- G 13
- B 95
-
- C 93
- M 86
- Y 0
- K 5
● #1022f2 color description : Vivid blue.
#1022f2 Color Conversion
The hexadecimal color #1022f2 has RGB values of R:16, G:34, B:242 and CMYK values of C:0.93, M:0.86, Y:0, K:0.05. Its decimal value is 1057522.
Hex triplet | 1022f2 | #1022f2 |
---|---|---|
RGB Decimal | 16, 34, 242 | rgb(16,34,242) |
RGB Percent | 6.3, 13.3, 94.9 | rgb(6.3%,13.3%,94.9%) |
CMYK | 93, 86, 0, 5 | |
HSL | 235.2°, 89.7, 50.6 | hsl(235.2,89.7%,50.6%) |
HSV (or HSB) | 235.2°, 93.4, 94.9 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 33.272, 68.276, -98.908 |
---|---|
XYZ | 16.81, 7.664, 84.593 |
xyY | 0.154, 0.07, 7.664 |
CIE-LCH | 33.272, 120.184, 304.617 |
CIE-LUV | 33.272, -10.14, -125.194 |
Hunter-Lab | 27.683, 59.94, -161.795 |
Binary | 00010000, 00100010, 11110010 |
Color Schemes with #1022f2
Alternatives to #1022f2
Below, you can see some colors close to #1022f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1022f2 Preview
This text has a font color of #1022f2.
<span style="color:#1022f2;">Text here</span>
This paragraph has a background color of #1022f2.
<p style="background-color:#1022f2;">Content here</p>
This element has a border color of #1022f2.
<div style="border:1px solid #1022f2;">Content here</div>
.text {color:#1022f2;}
.background {background-color:#1022f2;}
.border {border:1px solid #1022f2;}
Shades and Tints of #1022f2
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, #000003 is the darkest color, while #eff0fe is the lightest one.
-
#000003
#000003
rgb(0,0,3)
-
#010315
#010315
rgb(1,3,21)
-
#020528
#020528
rgb(2,5,40)
-
#03083b
#03083b
rgb(3,8,59)
-
#040a4d
#040a4d
rgb(4,10,77)
-
#050c60
#050c60
rgb(5,12,96)
-
#060f72
#060f72
rgb(6,15,114)
-
#071185
#071185
rgb(7,17,133)
-
#081498
#081498
rgb(8,20,152)
-
#0916aa
#0916aa
rgb(9,22,170)
-
#0a18bd
#0a18bd
rgb(10,24,189)
-
#0b1bcf
#0b1bcf
rgb(11,27,207)
-
#0c1de2
#0c1de2
rgb(12,29,226)
-
#1022f2
#1022f2
rgb(16,34,242)
-
#2333f3
#2333f3
rgb(35,51,243)
-
#3544f4
#3544f4
rgb(53,68,244)
-
#4856f5
#4856f5
rgb(72,86,245)
-
#5a67f6
#5a67f6
rgb(90,103,246)
-
#6d78f7
#6d78f7
rgb(109,120,247)
-
#8089f8
#8089f8
rgb(128,137,248)
-
#929af9
#929af9
rgb(146,154,249)
-
#a5acfa
#a5acfa
rgb(165,172,250)
-
#b7bdfb
#b7bdfb
rgb(183,189,251)
-
#cacefc
#cacefc
rgb(202,206,252)
-
#dddffd
#dddffd
rgb(221,223,253)
-
#eff0fe
#eff0fe
rgb(239,240,254)
Tones of #1022f2
A tone is produced by adding gray to any pure hue. In this case, #7b7c87 is the less saturated color, while #061afc is the most saturated one.
-
#7b7c87
#7b7c87
rgb(123,124,135)
-
#717391
#717391
rgb(113,115,145)
-
#676b9b
#676b9b
rgb(103,107,155)
-
#5e63a4
#5e63a4
rgb(94,99,164)
-
#545bae
#545bae
rgb(84,91,174)
-
#4a53b8
#4a53b8
rgb(74,83,184)
-
#404bc2
#404bc2
rgb(64,75,194)
-
#3743cb
#3743cb
rgb(55,67,203)
-
#2d3ad5
#2d3ad5
rgb(45,58,213)
-
#2332df
#2332df
rgb(35,50,223)
-
#1a2ae8
#1a2ae8
rgb(26,42,232)
-
#1022f2
#1022f2
rgb(16,34,242)
-
#061afc
#061afc
rgb(6,26,252)
Color Blindness Simulator
Below, you can see how #1022f2 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.