#0222e5 hex color

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

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

● #0222e5 color description : Vivid blue.

The hexadecimal color #0222e5 has RGB values of R:2, G:34, B:229 and CMYK values of C:0.99, M:0.85, Y:0, K:0.1. Its decimal value is 140005.

Hex triplet	0222e5	`#0222e5`
RGB Decimal	2, 34, 229	`rgb(2,34,229)`
RGB Percent	0.8, 13.3, 89.8	`rgb(0.8%,13.3%,89.8%)`
CMYK	99, 85, 0, 10
HSL	231.5°, 98.3, 45.3	`hsl(231.5,98.3%,45.3%)`
HSV (or HSB)	231.5°, 99.1, 89.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.377, 64.401, -94.68
XYZ	14.737, 6.813, 74.663
xyY	0.153, 0.071, 6.813
CIE-LCH	31.377, 114.507, 304.224
CIE-LUV	31.377, -10.169, -117.672
Hunter-Lab	26.102, 55.104, -151.326
Binary	00000010, 00100010, 11100101

#0222e5
```
#0222e5 rgb(2,34,229)
```
#e5c502
```
#e5c502 rgb(229,197,2)
```

Complementary Color

#0294e5
```
#0294e5 rgb(2,148,229)
```
#0222e5
```
#0222e5 rgb(2,34,229)
```
#5402e5
```
#5402e5 rgb(84,2,229)
```

Analogous Color

#94e502
```
#94e502 rgb(148,229,2)
```
#0222e5
```
#0222e5 rgb(2,34,229)
```
#e55402
```
#e55402 rgb(229,84,2)
```

Split Complementary Color

#22e502
```
#22e502 rgb(34,229,2)
```
#0222e5
```
#0222e5 rgb(2,34,229)
```
#e50222
```
#e50222 rgb(229,2,34)
```

Triadic Color

#02e5c5
```
#02e5c5 rgb(2,229,197)
```
#0222e5
```
#0222e5 rgb(2,34,229)
```
#e50222
```
#e50222 rgb(229,2,34)
```
#e5c502
```
#e5c502 rgb(229,197,2)
```

Tetradic Color

#011799
```
#011799 rgb(1,23,153)
```
#021ab2
```
#021ab2 rgb(2,26,178)
```
#021ecc
```
#021ecc rgb(2,30,204)
```
#0222e5
```
#0222e5 rgb(2,34,229)
```
#0427fd
```
#0427fd rgb(4,39,253)
```
#1d3dfd
```
#1d3dfd rgb(29,61,253)
```
#3652fd
```
#3652fd rgb(54,82,253)
```

Monochromatic Color

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

#025be5
```
#025be5 rgb(2,91,229)
```
#0248e5
```
#0248e5 rgb(2,72,229)
```
#0235e5
```
#0235e5 rgb(2,53,229)
```
#0222e5
```
#0222e5 rgb(2,34,229)
```
#020fe5
```
#020fe5 rgb(2,15,229)
```
#0802e5
```
#0802e5 rgb(8,2,229)
```
#1b02e5
```
#1b02e5 rgb(27,2,229)
```

Similar Colors

Text with hexadecimal color #0222e5

This text has a font color of #0222e5.

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

#0222e5 background color

This paragraph has a background color of #0222e5.

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

#0222e5 border color

This element has a border color of #0222e5.

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

CSS codes

.text {color:#0222e5;}

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

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

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

#00020f
```
#00020f rgb(0,2,15)
```
#000523
```
#000523 rgb(0,5,35)
```
#000836
```
#000836 rgb(0,8,54)
```
#010b49
```
#010b49 rgb(1,11,73)
```
#010e5d
```
#010e5d rgb(1,14,93)
```
#011170
```
#011170 rgb(1,17,112)
```
#011484
```
#011484 rgb(1,20,132)
```
#011697
```
#011697 rgb(1,22,151)
```
#0119ab
```
#0119ab rgb(1,25,171)
```
#021cbe
```
#021cbe rgb(2,28,190)
```
#021fd2
```
#021fd2 rgb(2,31,210)
```
#0222e5
```
#0222e5 rgb(2,34,229)
```
#0225f8
```
#0225f8 rgb(2,37,248)
```

Shade Color Variation

#1133fd
```
#1133fd rgb(17,51,253)
```
#2543fd
```
#2543fd rgb(37,67,253)
```
#3854fd
```
#3854fd rgb(56,84,253)
```
#4c65fd
```
#4c65fd rgb(76,101,253)
```
#5f75fe
```
#5f75fe rgb(95,117,254)
```
#7386fe
```
#7386fe rgb(115,134,254)
```
#8697fe
```
#8697fe rgb(134,151,254)
```
#99a8fe
```
#99a8fe rgb(153,168,254)
```
#adb8fe
```
#adb8fe rgb(173,184,254)
```
#c0c9fe
```
#c0c9fe rgb(192,201,254)
```
#d4daff
```
#d4daff rgb(212,218,255)
```
#e7ebff
```
#e7ebff rgb(231,235,255)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#6d6f7a
```
#6d6f7a rgb(109,111,122)
```
#646883
```
#646883 rgb(100,104,131)
```
#5b628c
```
#5b628c rgb(91,98,140)
```
#525b95
```
#525b95 rgb(82,91,149)
```
#49559e
```
#49559e rgb(73,85,158)
```
#404fa7
```
#404fa7 rgb(64,79,167)
```
#3748b0
```
#3748b0 rgb(55,72,176)
```
#2e42b9
```
#2e42b9 rgb(46,66,185)
```
#263cc1
```
#263cc1 rgb(38,60,193)
```
#1d35ca
```
#1d35ca rgb(29,53,202)
```
#142fd3
```
#142fd3 rgb(20,47,211)
```
#0b28dc
```
#0b28dc rgb(11,40,220)
```
#0222e5
```
#0222e5 rgb(2,34,229)
```

Tone Color Variation

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

#00509c Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#003fb7 Protanomaly 1% of men, 0.01% of women
#0042a9 Deuteranomaly 6% of men, 0.4% of women
#00468f Tritanomaly 0.01% of the population

#0222e5 hex color

#0222e5 Color Information

#0222e5 Color Conversion

Color Schemes with #0222e5

Alternatives to #0222e5

#0222e5 Preview

Shades and Tints of #0222e5

Tones of #0222e5

Color Blindness Simulator