#222ae5 hex color

In a RGB color space, hex #222ae5 is composed of 13.3% red, 16.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 81.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 237.5 degrees, a saturation of 78.9% and a lightness of 51.6%. #222ae5 color hex could be obtained by blending #4454ff with #0000cb. Closest websafe color is: #3333cc.

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

● #222ae5 color description : Vivid blue.

The hexadecimal color #222ae5 has RGB values of R:34, G:42, B:229 and CMYK values of C:0.85, M:0.82, Y:0, K:0.1. Its decimal value is 2239205.

Hex triplet	222ae5	`#222ae5`
RGB Decimal	34, 42, 229	`rgb(34,42,229)`
RGB Percent	13.3, 16.5, 89.8	`rgb(13.3%,16.5%,89.8%)`
CMYK	85, 82, 0, 10
HSL	237.5°, 78.9, 51.6	`hsl(237.5,78.9%,51.6%)`
HSV (or HSB)	237.5°, 85.2, 89.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.247, 61.646, -91.546
XYZ	15.628, 7.652, 74.778
xyY	0.159, 0.078, 7.652
CIE-LCH	33.247, 110.367, 303.956
CIE-LUV	33.247, -9.347, -118.514
Hunter-Lab	27.662, 52.434, -140.911
Binary	00100010, 00101010, 11100101

#222ae5
```
#222ae5 rgb(34,42,229)
```
#e5dd22
```
#e5dd22 rgb(229,221,34)
```

Complementary Color

#228ce5
```
#228ce5 rgb(34,140,229)
```
#222ae5
```
#222ae5 rgb(34,42,229)
```
#7c22e5
```
#7c22e5 rgb(124,34,229)
```

Analogous Color

#8ce522
```
#8ce522 rgb(140,229,34)
```
#222ae5
```
#222ae5 rgb(34,42,229)
```
#e57c22
```
#e57c22 rgb(229,124,34)
```

Split Complementary Color

#2ae522
```
#2ae522 rgb(42,229,34)
```
#222ae5
```
#222ae5 rgb(34,42,229)
```
#e5222a
```
#e5222a rgb(229,34,42)
```

Triadic Color

#22e5dd
```
#22e5dd rgb(34,229,221)
```
#222ae5
```
#222ae5 rgb(34,42,229)
```
#e5222a
```
#e5222a rgb(229,34,42)
```
#e5dd22
```
#e5dd22 rgb(229,221,34)
```

Tetradic Color

#141aa7
```
#141aa7 rgb(20,26,167)
```
#161dbe
```
#161dbe rgb(22,29,190)
```
#1921d5
```
#1921d5 rgb(25,33,213)
```
#222ae5
```
#222ae5 rgb(34,42,229)
```
#3940e8
```
#3940e8 rgb(57,64,232)
```
#5056ea
```
#5056ea rgb(80,86,234)
```
#666ced
```
#666ced rgb(102,108,237)
```

Monochromatic Color

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

#225be5
```
#225be5 rgb(34,91,229)
```
#224be5
```
#224be5 rgb(34,75,229)
```
#223ae5
```
#223ae5 rgb(34,58,229)
```
#222ae5
```
#222ae5 rgb(34,42,229)
```
#2a22e5
```
#2a22e5 rgb(42,34,229)
```
#3a22e5
```
#3a22e5 rgb(58,34,229)
```
#4b22e5
```
#4b22e5 rgb(75,34,229)
```

Similar Colors

Text with hexadecimal color #222ae5

This text has a font color of #222ae5.

<span style="color:#222ae5;">Text here</span>

#222ae5 background color

This paragraph has a background color of #222ae5.

<p style="background-color:#222ae5;">Content here</p>

#222ae5 border color

This element has a border color of #222ae5.

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

CSS codes

.text {color:#222ae5;}

.background {background-color:#222ae5;}

.border {border:1px solid #222ae5;}

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

#010107
```
#010107 rgb(1,1,7)
```
#030419
```
#030419 rgb(3,4,25)
```
#05072a
```
#05072a rgb(5,7,42)
```
#07093c
```
#07093c rgb(7,9,60)
```
#090c4d
```
#090c4d rgb(9,12,77)
```
#0b0f5f
```
#0b0f5f rgb(11,15,95)
```
#0d1170
```
#0d1170 rgb(13,17,112)
```
#0f1482
```
#0f1482 rgb(15,20,130)
```
#111794
```
#111794 rgb(17,23,148)
```
#1319a5
```
#1319a5 rgb(19,25,165)
```
#151cb7
```
#151cb7 rgb(21,28,183)
```
#181fc8
```
#181fc8 rgb(24,31,200)
```
#1a22da
```
#1a22da rgb(26,34,218)
```

Shade Color Variation

#222ae5
```
#222ae5 rgb(34,42,229)
```
#343be7
```
#343be7 rgb(52,59,231)
```
#454ce9
```
#454ce9 rgb(69,76,233)
```
#575deb
```
#575deb rgb(87,93,235)
```
#686eed
```
#686eed rgb(104,110,237)
```
#7a7fef
```
#7a7fef rgb(122,127,239)
```
#8b8ff1
```
#8b8ff1 rgb(139,143,241)
```
#9da0f3
```
#9da0f3 rgb(157,160,243)
```
#aeb1f6
```
#aeb1f6 rgb(174,177,246)
```
#c0c2f8
```
#c0c2f8 rgb(192,194,248)
```
#d2d3fa
```
#d2d3fa rgb(210,211,250)
```
#e3e4fc
```
#e3e4fc rgb(227,228,252)
```
#f5f5fe
```
#f5f5fe rgb(245,245,254)
```

Tint Color Variation

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

#818186
```
#818186 rgb(129,129,134)
```
#787890
```
#787890 rgb(120,120,144)
```
#6e7099
```
#6e7099 rgb(110,112,153)
```
#6567a3
```
#6567a3 rgb(101,103,163)
```
#5b5eac
```
#5b5eac rgb(91,94,172)
```
#5256b6
```
#5256b6 rgb(82,86,182)
```
#484dbf
```
#484dbf rgb(72,77,191)
```
#3f44c9
```
#3f44c9 rgb(63,68,201)
```
#353bd2
```
#353bd2 rgb(53,59,210)
```
#2c33dc
```
#2c33dc rgb(44,51,220)
```
#222ae5
```
#222ae5 rgb(34,42,229)
```
#1921ef
```
#1921ef rgb(25,33,239)
```
#0f19f8
```
#0f19f8 rgb(15,25,248)
```

Tone Color Variation

Below, you can see how #222ae5 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

#3d3d3d Achromatopsia 0.005% of the population
#38395f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#00598e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0c45bc Protanomaly 1% of men, 0.01% of women
#0c48ad Deuteranomaly 6% of men, 0.4% of women
#0c4c93 Tritanomaly 0.01% of the population

#222ae5 hex color

#222ae5 Color Information

#222ae5 Color Conversion

Color Schemes with #222ae5

Alternatives to #222ae5

#222ae5 Preview

Shades and Tints of #222ae5

Tones of #222ae5

Color Blindness Simulator