#0422e5 hex color

In a RGB color space, hex #0422e5 is composed of 1.6% red, 13.3% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 85.2% magenta, 0% yellow and 10.2% black. It has a hue angle of 232 degrees, a saturation of 96.6% and a lightness of 45.7%. #0422e5 color hex could be obtained by blending #0844ff with #0000cb. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 2
- G 13
- B 90
RGB color chart
- C 98
- M 85
- Y 0
- K 10
CMYK color chart

● #0422e5 color description : Vivid blue.

The hexadecimal color #0422e5 has RGB values of R:4, G:34, B:229 and CMYK values of C:0.98, M:0.85, Y:0, K:0.1. Its decimal value is 271077.

Hex triplet	0422e5	`#0422e5`
RGB Decimal	4, 34, 229	`rgb(4,34,229)`
RGB Percent	1.6, 13.3, 89.8	`rgb(1.6%,13.3%,89.8%)`
CMYK	98, 85, 0, 10
HSL	232°, 96.6, 45.7	`hsl(232,96.6%,45.7%)`
HSV (or HSB)	232°, 98.3, 89.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.407, 64.425, -94.629
XYZ	14.762, 6.826, 74.664
xyY	0.153, 0.071, 6.826
CIE-LCH	31.407, 114.478, 304.247
CIE-LUV	31.407, -10.105, -117.693
Hunter-Lab	26.126, 55.137, -151.151
Binary	00000100, 00100010, 11100101

#0422e5
```
#0422e5 rgb(4,34,229)
```
#e5c704
```
#e5c704 rgb(229,199,4)
```

Complementary Color

#0493e5
```
#0493e5 rgb(4,147,229)
```
#0422e5
```
#0422e5 rgb(4,34,229)
```
#5604e5
```
#5604e5 rgb(86,4,229)
```

Analogous Color

#93e504
```
#93e504 rgb(147,229,4)
```
#0422e5
```
#0422e5 rgb(4,34,229)
```
#e55604
```
#e55604 rgb(229,86,4)
```

Split Complementary Color

#22e504
```
#22e504 rgb(34,229,4)
```
#0422e5
```
#0422e5 rgb(4,34,229)
```
#e50422
```
#e50422 rgb(229,4,34)
```

Triadic Color

#04e5c7
```
#04e5c7 rgb(4,229,199)
```
#0422e5
```
#0422e5 rgb(4,34,229)
```
#e50422
```
#e50422 rgb(229,4,34)
```
#e5c704
```
#e5c704 rgb(229,199,4)
```

Tetradic Color

#03179a
```
#03179a rgb(3,23,154)
```
#031bb3
```
#031bb3 rgb(3,27,179)
```
#041ecc
```
#041ecc rgb(4,30,204)
```
#0422e5
```
#0422e5 rgb(4,34,229)
```
#0828fb
```
#0828fb rgb(8,40,251)
```
#213efb
```
#213efb rgb(33,62,251)
```
#3a54fc
```
#3a54fc rgb(58,84,252)
```

Monochromatic Color

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

#045ae5
```
#045ae5 rgb(4,90,229)
```
#0448e5
```
#0448e5 rgb(4,72,229)
```
#0435e5
```
#0435e5 rgb(4,53,229)
```
#0422e5
```
#0422e5 rgb(4,34,229)
```
#040fe5
```
#040fe5 rgb(4,15,229)
```
#0c04e5
```
#0c04e5 rgb(12,4,229)
```
#1e04e5
```
#1e04e5 rgb(30,4,229)
```

Similar Colors

Text with hexadecimal color #0422e5

This text has a font color of #0422e5.

<span style="color:#0422e5;">Text here</span>

#0422e5 background color

This paragraph has a background color of #0422e5.

<p style="background-color:#0422e5;">Content here</p>

#0422e5 border color

This element has a border color of #0422e5.

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

CSS codes

.text {color:#0422e5;}

.background {background-color:#0422e5;}

.border {border:1px solid #0422e5;}

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

#000311
```
#000311 rgb(0,3,17)
```
#010524
```
#010524 rgb(1,5,36)
```
#010837
```
#010837 rgb(1,8,55)
```
#010b4b
```
#010b4b rgb(1,11,75)
```
#020e5e
```
#020e5e rgb(2,14,94)
```
#021171
```
#021171 rgb(2,17,113)
```
#021485
```
#021485 rgb(2,20,133)
```
#031798
```
#031798 rgb(3,23,152)
```
#0319ab
```
#0319ab rgb(3,25,171)
```
#031cbe
```
#031cbe rgb(3,28,190)
```
#041fd2
```
#041fd2 rgb(4,31,210)
```
#0422e5
```
#0422e5 rgb(4,34,229)
```
#0425f8
```
#0425f8 rgb(4,37,248)
```

Shade Color Variation

#1534fb
```
#1534fb rgb(21,52,251)
```
#2945fb
```
#2945fb rgb(41,69,251)
```
#3c55fc
```
#3c55fc rgb(60,85,252)
```
#4f66fc
```
#4f66fc rgb(79,102,252)
```
#6277fc
```
#6277fc rgb(98,119,252)
```
#7688fd
```
#7688fd rgb(118,136,253)
```
#8998fd
```
#8998fd rgb(137,152,253)
```
#9ca9fd
```
#9ca9fd rgb(156,169,253)
```
#b0bafe
```
#b0bafe rgb(176,186,254)
```
#c3cbfe
```
#c3cbfe rgb(195,203,254)
```
#d6dbfe
```
#d6dbfe rgb(214,219,254)
```
#e9ecff
```
#e9ecff rgb(233,236,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707179 is the less saturated color, while #0422e5 is the most saturated one.

#707179
```
#707179 rgb(112,113,121)
```
#676a82
```
#676a82 rgb(103,106,130)
```
#5e648b
```
#5e648b rgb(94,100,139)
```
#555d94
```
#555d94 rgb(85,93,148)
```
#4c579d
```
#4c579d rgb(76,87,157)
```
#4350a6
```
#4350a6 rgb(67,80,166)
```
#3a49af
```
#3a49af rgb(58,73,175)
```
#3143b8
```
#3143b8 rgb(49,67,184)
```
#283cc1
```
#283cc1 rgb(40,60,193)
```
#1f36ca
```
#1f36ca rgb(31,54,202)
```
#162fd3
```
#162fd3 rgb(22,47,211)
```
#0d29dc
```
#0d29dc rgb(13,41,220)
```
#0422e5
```
#0422e5 rgb(4,34,229)
```

Tone Color Variation

Below, you can see how #0422e5 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

#2f2f2f Achromatopsia 0.005% of the population
#262c53 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#013fb7 Protanomaly 1% of men, 0.01% of women
#0143a9 Deuteranomaly 6% of men, 0.4% of women
#01468f Tritanomaly 0.01% of the population

#0422e5 hex color

#0422e5 Color Information

#0422e5 Color Conversion

Color Schemes with #0422e5

Alternatives to #0422e5

#0422e5 Preview

Shades and Tints of #0422e5

Tones of #0422e5

Color Blindness Simulator