#0422e2 hex color

In a RGB color space, hex #0422e2 is composed of 1.6% red, 13.3% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 85% magenta, 0% yellow and 11.4% black. It has a hue angle of 231.9 degrees, a saturation of 96.5% and a lightness of 45.1%. #0422e2 color hex could be obtained by blending #0844ff with #0000c5. Closest websafe color is: #0033cc.

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

● #0422e2 color description : Vivid blue.

The hexadecimal color #0422e2 has RGB values of R:4, G:34, B:226 and CMYK values of C:0.98, M:0.85, Y:0, K:0.11. Its decimal value is 271074.

Hex triplet	0422e2	`#0422e2`
RGB Decimal	4, 34, 226	`rgb(4,34,226)`
RGB Percent	1.6, 13.3, 88.6	`rgb(1.6%,13.3%,88.6%)`
CMYK	98, 85, 0, 11
HSL	231.9°, 96.5, 45.1	`hsl(231.9,96.5%,45.1%)`
HSV (or HSB)	231.9°, 98.2, 88.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.019, 63.552, -93.558
XYZ	14.347, 6.66, 72.477
xyY	0.153, 0.071, 6.66
CIE-LCH	31.019, 113.102, 304.187
CIE-LUV	31.019, -10.007, -115.985
Hunter-Lab	25.806, 54.074, -148.45
Binary	00000100, 00100010, 11100010

#0422e2
```
#0422e2 rgb(4,34,226)
```
#e2c404
```
#e2c404 rgb(226,196,4)
```

Complementary Color

#0491e2
```
#0491e2 rgb(4,145,226)
```
#0422e2
```
#0422e2 rgb(4,34,226)
```
#5504e2
```
#5504e2 rgb(85,4,226)
```

Analogous Color

#91e204
```
#91e204 rgb(145,226,4)
```
#0422e2
```
#0422e2 rgb(4,34,226)
```
#e25504
```
#e25504 rgb(226,85,4)
```

Split Complementary Color

#22e204
```
#22e204 rgb(34,226,4)
```
#0422e2
```
#0422e2 rgb(4,34,226)
```
#e20422
```
#e20422 rgb(226,4,34)
```

Triadic Color

#04e2c4
```
#04e2c4 rgb(4,226,196)
```
#0422e2
```
#0422e2 rgb(4,34,226)
```
#e20422
```
#e20422 rgb(226,4,34)
```
#e2c404
```
#e2c404 rgb(226,196,4)
```

Tetradic Color

#031797
```
#031797 rgb(3,23,151)
```
#031ab0
```
#031ab0 rgb(3,26,176)
```
#041ec9
```
#041ec9 rgb(4,30,201)
```
#0422e2
```
#0422e2 rgb(4,34,226)
```
#0526fb
```
#0526fb rgb(5,38,251)
```
#1e3cfb
```
#1e3cfb rgb(30,60,251)
```
#3752fb
```
#3752fb rgb(55,82,251)
```

Monochromatic Color

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

#045ae2
```
#045ae2 rgb(4,90,226)
```
#0447e2
```
#0447e2 rgb(4,71,226)
```
#0435e2
```
#0435e2 rgb(4,53,226)
```
#0422e2
```
#0422e2 rgb(4,34,226)
```
#0410e2
```
#0410e2 rgb(4,16,226)
```
#0b04e2
```
#0b04e2 rgb(11,4,226)
```
#1d04e2
```
#1d04e2 rgb(29,4,226)
```

Similar Colors

Text with hexadecimal color #0422e2

This text has a font color of #0422e2.

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

#0422e2 background color

This paragraph has a background color of #0422e2.

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

#0422e2 border color

This element has a border color of #0422e2.

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

CSS codes

.text {color:#0422e2;}

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

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

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, #00020e is the darkest color, while #fafaff is the lightest one.

#00020e
```
#00020e rgb(0,2,14)
```
#010521
```
#010521 rgb(1,5,33)
```
#010835
```
#010835 rgb(1,8,53)
```
#010b48
```
#010b48 rgb(1,11,72)
```
#020e5b
```
#020e5b rgb(2,14,91)
```
#02116e
```
#02116e rgb(2,17,110)
```
#021482
```
#021482 rgb(2,20,130)
```
#031695
```
#031695 rgb(3,22,149)
```
#0319a8
```
#0319a8 rgb(3,25,168)
```
#031cbb
```
#031cbb rgb(3,28,187)
```
#041fcf
```
#041fcf rgb(4,31,207)
```
#0422e2
```
#0422e2 rgb(4,34,226)
```
#0425f5
```
#0425f5 rgb(4,37,245)
```

Shade Color Variation

#1232fb
```
#1232fb rgb(18,50,251)
```
#2643fb
```
#2643fb rgb(38,67,251)
```
#3953fb
```
#3953fb rgb(57,83,251)
```
#4c64fc
```
#4c64fc rgb(76,100,252)
```
#6075fc
```
#6075fc rgb(96,117,252)
```
#7385fd
```
#7385fd rgb(115,133,253)
```
#8696fd
```
#8696fd rgb(134,150,253)
```
#99a7fd
```
#99a7fd rgb(153,167,253)
```
#adb8fe
```
#adb8fe rgb(173,184,254)
```
#c0c8fe
```
#c0c8fe rgb(192,200,254)
```
#d3d9fe
```
#d3d9fe rgb(211,217,254)
```
#e6eaff
```
#e6eaff rgb(230,234,255)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#6e6f78
```
#6e6f78 rgb(110,111,120)
```
#656981
```
#656981 rgb(101,105,129)
```
#5c638a
```
#5c638a rgb(92,99,138)
```
#545c92
```
#545c92 rgb(84,92,146)
```
#4b569b
```
#4b569b rgb(75,86,155)
```
#424fa4
```
#424fa4 rgb(66,79,164)
```
#3949ad
```
#3949ad rgb(57,73,173)
```
#3042b6
```
#3042b6 rgb(48,66,182)
```
#273cbf
```
#273cbf rgb(39,60,191)
```
#1f35c7
```
#1f35c7 rgb(31,53,199)
```
#162fd0
```
#162fd0 rgb(22,47,208)
```
#0d28d9
```
#0d28d9 rgb(13,40,217)
```
#0422e2
```
#0422e2 rgb(4,34,226)
```

Tone Color Variation

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

#00509b Protanopia 1% of men
#005486 Deuteranopia 1% of men
#005a5e Tritanopia 0.001% of the population

Trichromacy

#013fb5 Protanomaly 1% of men, 0.01% of women
#0142a7 Deuteranomaly 6% of men, 0.4% of women
#01468e Tritanomaly 0.01% of the population

#0422e2 hex color

#0422e2 Color Information

#0422e2 Color Conversion

Color Schemes with #0422e2

Alternatives to #0422e2

#0422e2 Preview

Shades and Tints of #0422e2

Tones of #0422e2

Color Blindness Simulator