#2224e5 hex color

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

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

● #2224e5 color description : Vivid blue.

The hexadecimal color #2224e5 has RGB values of R:34, G:36, B:229 and CMYK values of C:0.85, M:0.84, Y:0, K:0.1. Its decimal value is 2237669.

Hex triplet	2224e5	`#2224e5`
RGB Decimal	34, 36, 229	`rgb(34,36,229)`
RGB Percent	13.3, 14.1, 89.8	`rgb(13.3%,14.1%,89.8%)`
CMYK	85, 84, 0, 10
HSL	239.4°, 78.9, 51.6	`hsl(239.4,78.9%,51.6%)`
HSV (or HSB)	239.4°, 85.2, 89.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.387, 64.198, -92.978
XYZ	15.431, 7.258, 74.712
xyY	0.158, 0.075, 7.258
CIE-LCH	32.387, 112.988, 304.624
CIE-LUV	32.387, -8.714, -118.253
Hunter-Lab	26.94, 55.093, -145.567
Binary	00100010, 00100100, 11100101

#2224e5
```
#2224e5 rgb(34,36,229)
```
#e5e322
```
#e5e322 rgb(229,227,34)
```

Complementary Color

#2286e5
```
#2286e5 rgb(34,134,229)
```
#2224e5
```
#2224e5 rgb(34,36,229)
```
#8222e5
```
#8222e5 rgb(130,34,229)
```

Analogous Color

#86e522
```
#86e522 rgb(134,229,34)
```
#2224e5
```
#2224e5 rgb(34,36,229)
```
#e58222
```
#e58222 rgb(229,130,34)
```

Split Complementary Color

#24e522
```
#24e522 rgb(36,229,34)
```
#2224e5
```
#2224e5 rgb(34,36,229)
```
#e52224
```
#e52224 rgb(229,34,36)
```

Triadic Color

#22e5e3
```
#22e5e3 rgb(34,229,227)
```
#2224e5
```
#2224e5 rgb(34,36,229)
```
#e52224
```
#e52224 rgb(229,34,36)
```
#e5e322
```
#e5e322 rgb(229,227,34)
```

Tetradic Color

#1415a7
```
#1415a7 rgb(20,21,167)
```
#1618be
```
#1618be rgb(22,24,190)
```
#191bd5
```
#191bd5 rgb(25,27,213)
```
#2224e5
```
#2224e5 rgb(34,36,229)
```
#393be8
```
#393be8 rgb(57,59,232)
```
#5051ea
```
#5051ea rgb(80,81,234)
```
#6668ed
```
#6668ed rgb(102,104,237)
```

Monochromatic Color

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

#2255e5
```
#2255e5 rgb(34,85,229)
```
#2245e5
```
#2245e5 rgb(34,69,229)
```
#2234e5
```
#2234e5 rgb(34,52,229)
```
#2224e5
```
#2224e5 rgb(34,36,229)
```
#3022e5
```
#3022e5 rgb(48,34,229)
```
#4022e5
```
#4022e5 rgb(64,34,229)
```
#5122e5
```
#5122e5 rgb(81,34,229)
```

Similar Colors

Text with hexadecimal color #2224e5

This text has a font color of #2224e5.

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

#2224e5 background color

This paragraph has a background color of #2224e5.

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

#2224e5 border color

This element has a border color of #2224e5.

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

CSS codes

.text {color:#2224e5;}

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

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

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)
```
#030319
```
#030319 rgb(3,3,25)
```
#05052a
```
#05052a rgb(5,5,42)
```
#07083c
```
#07083c rgb(7,8,60)
```
#090a4d
```
#090a4d rgb(9,10,77)
```
#0b0c5f
```
#0b0c5f rgb(11,12,95)
```
#0d0e70
```
#0d0e70 rgb(13,14,112)
```
#0f1082
```
#0f1082 rgb(15,16,130)
```
#111394
```
#111394 rgb(17,19,148)
```
#1315a5
```
#1315a5 rgb(19,21,165)
```
#1517b7
```
#1517b7 rgb(21,23,183)
```
#1819c8
```
#1819c8 rgb(24,25,200)
```
#1a1cda
```
#1a1cda rgb(26,28,218)
```

Shade Color Variation

#2224e5
```
#2224e5 rgb(34,36,229)
```
#3435e7
```
#3435e7 rgb(52,53,231)
```
#4547e9
```
#4547e9 rgb(69,71,233)
```
#5758eb
```
#5758eb rgb(87,88,235)
```
#686aed
```
#686aed rgb(104,106,237)
```
#7a7bef
```
#7a7bef rgb(122,123,239)
```
#8b8cf1
```
#8b8cf1 rgb(139,140,241)
```
#9d9ef3
```
#9d9ef3 rgb(157,158,243)
```
#aeaff6
```
#aeaff6 rgb(174,175,246)
```
#c0c1f8
```
#c0c1f8 rgb(192,193,248)
```
#d2d2fa
```
#d2d2fa rgb(210,210,250)
```
#e3e3fc
```
#e3e3fc rgb(227,227,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 #0f11f8 is the most saturated one.

#818186
```
#818186 rgb(129,129,134)
```
#787890
```
#787890 rgb(120,120,144)
```
#6e6e99
```
#6e6e99 rgb(110,110,153)
```
#6565a3
```
#6565a3 rgb(101,101,163)
```
#5b5cac
```
#5b5cac rgb(91,92,172)
```
#5253b6
```
#5253b6 rgb(82,83,182)
```
#4849bf
```
#4849bf rgb(72,73,191)
```
#3f40c9
```
#3f40c9 rgb(63,64,201)
```
#3537d2
```
#3537d2 rgb(53,55,210)
```
#2c2ddc
```
#2c2ddc rgb(44,45,220)
```
#2224e5
```
#2224e5 rgb(34,36,229)
```
#191bef
```
#191bef rgb(25,27,239)
```
#0f11f8
```
#0f11f8 rgb(15,17,248)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#34355b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e61 Tritanopia 0.001% of the population

Trichromacy

#0c42b9 Protanomaly 1% of men, 0.01% of women
#0c45ab Deuteranomaly 6% of men, 0.4% of women
#0c4891 Tritanomaly 0.01% of the population

#2224e5 hex color

#2224e5 Color Information

#2224e5 Color Conversion

Color Schemes with #2224e5

Alternatives to #2224e5

#2224e5 Preview

Shades and Tints of #2224e5

Tones of #2224e5

Color Blindness Simulator