#1022e4 hex color

In a RGB color space, hex #1022e4 is composed of 6.3% red, 13.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 93% cyan, 85.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 234.9 degrees, a saturation of 86.9% and a lightness of 47.8%. #1022e4 color hex could be obtained by blending #2044ff with #0000c9. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 6
- G 13
- B 89
RGB color chart
- C 93
- M 85
- Y 0
- K 11
CMYK color chart

● #1022e4 color description : Vivid blue.

The hexadecimal color #1022e4 has RGB values of R:16, G:34, B:228 and CMYK values of C:0.93, M:0.85, Y:0, K:0.11. Its decimal value is 1057508.

Hex triplet	1022e4	`#1022e4`
RGB Decimal	16, 34, 228	`rgb(16,34,228)`
RGB Percent	6.3, 13.3, 89.4	`rgb(6.3%,13.3%,89.4%)`
CMYK	93, 85, 0, 11
HSL	234.9°, 86.9, 47.8	`hsl(234.9,86.9%,47.8%)`
HSV (or HSB)	234.9°, 93, 89.4
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.473, 64.287, -93.942
XYZ	14.786, 6.854, 73.938
xyY	0.155, 0.072, 6.854
CIE-LCH	31.473, 113.832, 304.385
CIE-LUV	31.473, -9.649, -117.256
Hunter-Lab	26.181, 54.996, -149.115
Binary	00010000, 00100010, 11100100

#1022e4
```
#1022e4 rgb(16,34,228)
```
#e4d210
```
#e4d210 rgb(228,210,16)
```

Complementary Color

#108ce4
```
#108ce4 rgb(16,140,228)
```
#1022e4
```
#1022e4 rgb(16,34,228)
```
#6810e4
```
#6810e4 rgb(104,16,228)
```

Analogous Color

#8ce410
```
#8ce410 rgb(140,228,16)
```
#1022e4
```
#1022e4 rgb(16,34,228)
```
#e46810
```
#e46810 rgb(228,104,16)
```

Split Complementary Color

#22e410
```
#22e410 rgb(34,228,16)
```
#1022e4
```
#1022e4 rgb(16,34,228)
```
#e41022
```
#e41022 rgb(228,16,34)
```

Triadic Color

#10e4d2
```
#10e4d2 rgb(16,228,210)
```
#1022e4
```
#1022e4 rgb(16,34,228)
```
#e41022
```
#e41022 rgb(228,16,34)
```
#e4d210
```
#e4d210 rgb(228,210,16)
```

Tetradic Color

#0b179d
```
#0b179d rgb(11,23,157)
```
#0d1bb4
```
#0d1bb4 rgb(13,27,180)
```
#0e1ecc
```
#0e1ecc rgb(14,30,204)
```
#1022e4
```
#1022e4 rgb(16,34,228)
```
#1e30ef
```
#1e30ef rgb(30,48,239)
```
#3646f1
```
#3646f1 rgb(54,70,241)
```
#4e5cf3
```
#4e5cf3 rgb(78,92,243)
```

Monochromatic Color

Below, you can see some colors close to #1022e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#1057e4
```
#1057e4 rgb(16,87,228)
```
#1045e4
```
#1045e4 rgb(16,69,228)
```
#1034e4
```
#1034e4 rgb(16,52,228)
```
#1022e4
```
#1022e4 rgb(16,34,228)
```
#1010e4
```
#1010e4 rgb(16,16,228)
```
#2110e4
```
#2110e4 rgb(33,16,228)
```
#3310e4
```
#3310e4 rgb(51,16,228)
```

Similar Colors

Text with hexadecimal color #1022e4

This text has a font color of #1022e4.

<span style="color:#1022e4;">Text here</span>

#1022e4 background color

This paragraph has a background color of #1022e4.

<p style="background-color:#1022e4;">Content here</p>

#1022e4 border color

This element has a border color of #1022e4.

<div style="border:1px solid #1022e4;">Content here</div>

CSS codes

.text {color:#1022e4;}

.background {background-color:#1022e4;}

.border {border:1px solid #1022e4;}

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, #010108 is the darkest color, while #f5f6fe is the lightest one.

#010108
```
#010108 rgb(1,1,8)
```
#02041a
```
#02041a rgb(2,4,26)
```
#03072d
```
#03072d rgb(3,7,45)
```
#04093f
```
#04093f rgb(4,9,63)
```
#060c51
```
#060c51 rgb(6,12,81)
```
#070f64
```
#070f64 rgb(7,15,100)
```
#081276
```
#081276 rgb(8,18,118)
```
#0a1488
```
#0a1488 rgb(10,20,136)
```
#0b179b
```
#0b179b rgb(11,23,155)
```
#0c1aad
```
#0c1aad rgb(12,26,173)
```
#0d1dbf
```
#0d1dbf rgb(13,29,191)
```
#0f1fd2
```
#0f1fd2 rgb(15,31,210)
```
#1022e4
```
#1022e4 rgb(16,34,228)
```

Shade Color Variation

#192bef
```
#192bef rgb(25,43,239)
```
#2b3cf0
```
#2b3cf0 rgb(43,60,240)
```
#3d4df1
```
#3d4df1 rgb(61,77,241)
```
#505ef3
```
#505ef3 rgb(80,94,243)
```
#626ef4
```
#626ef4 rgb(98,110,244)
```
#747ff5
```
#747ff5 rgb(116,127,245)
```
#8790f7
```
#8790f7 rgb(135,144,247)
```
#99a1f8
```
#99a1f8 rgb(153,161,248)
```
#abb2f9
```
#abb2f9 rgb(171,178,249)
```
#bec3fa
```
#bec3fa rgb(190,195,250)
```
#d0d4fc
```
#d0d4fc rgb(208,212,252)
```
#e2e5fd
```
#e2e5fd rgb(226,229,253)
```
#f5f6fe
```
#f5f6fe rgb(245,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77787d is the less saturated color, while #071aed is the most saturated one.

#77787d
```
#77787d rgb(119,120,125)
```
#6e7086
```
#6e7086 rgb(110,112,134)
```
#646890
```
#646890 rgb(100,104,144)
```
#5b6099
```
#5b6099 rgb(91,96,153)
```
#5259a2
```
#5259a2 rgb(82,89,162)
```
#4851ac
```
#4851ac rgb(72,81,172)
```
#3f49b5
```
#3f49b5 rgb(63,73,181)
```
#3641be
```
#3641be rgb(54,65,190)
```
#2c39c8
```
#2c39c8 rgb(44,57,200)
```
#2332d1
```
#2332d1 rgb(35,50,209)
```
#192adb
```
#192adb rgb(25,42,219)
```
#1022e4
```
#1022e4 rgb(16,34,228)
```
#071aed
```
#071aed rgb(7,26,237)
```

Tone Color Variation

Below, you can see how #1022e4 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.

Monochromacy

#333333 Achromatopsia 0.005% of the population
#2c3056 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005687 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#0540b7 Protanomaly 1% of men, 0.01% of women
#0543a9 Deuteranomaly 6% of men, 0.4% of women
#05468f Tritanomaly 0.01% of the population

#1022e4 hex color

#1022e4 Color Information

#1022e4 Color Conversion

Color Schemes with #1022e4

Alternatives to #1022e4

#1022e4 Preview

Shades and Tints of #1022e4

Tones of #1022e4

Color Blindness Simulator