#2225ee hex color

In a RGB color space, hex #2225ee is composed of 13.3% red, 14.5% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 84.5% magenta, 0% yellow and 6.7% black. It has a hue angle of 239.1 degrees, a saturation of 85.7% and a lightness of 53.3%. #2225ee color hex could be obtained by blending #444aff with #0000dd. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 15
- B 93
RGB color chart
- C 86
- M 84
- Y 0
- K 7
CMYK color chart

● #2225ee color description : Vivid blue.

The hexadecimal color #2225ee has RGB values of R:34, G:37, B:238 and CMYK values of C:0.86, M:0.84, Y:0, K:0.07. Its decimal value is 2237934.

Hex triplet	2225ee	`#2225ee`
RGB Decimal	34, 37, 238	`rgb(34,37,238)`
RGB Percent	13.3, 14.5, 93.3	`rgb(13.3%,14.5%,93.3%)`
CMYK	86, 84, 0, 7
HSL	239.1°, 85.7, 53.3	`hsl(239.1,85.7%,53.3%)`
HSV (or HSB)	239.1°, 85.7, 93.3
Web Safe	3333ff	`#3333ff`

CIE-LAB	33.637, 66.377, -96.021
XYZ	16.751, 7.835, 81.514
xyY	0.158, 0.074, 7.835
CIE-LCH	33.637, 116.73, 304.655
CIE-LUV	33.637, -9.168, -123.396
Hunter-Lab	27.991, 57.836, -153.066
Binary	00100010, 00100101, 11101110

#2225ee
```
#2225ee rgb(34,37,238)
```
#eeeb22
```
#eeeb22 rgb(238,235,34)
```

Complementary Color

#228bee
```
#228bee rgb(34,139,238)
```
#2225ee
```
#2225ee rgb(34,37,238)
```
#8522ee
```
#8522ee rgb(133,34,238)
```

Analogous Color

#8bee22
```
#8bee22 rgb(139,238,34)
```
#2225ee
```
#2225ee rgb(34,37,238)
```
#ee8522
```
#ee8522 rgb(238,133,34)
```

Split Complementary Color

#25ee22
```
#25ee22 rgb(37,238,34)
```
#2225ee
```
#2225ee rgb(34,37,238)
```
#ee2225
```
#ee2225 rgb(238,34,37)
```

Triadic Color

#22eeeb
```
#22eeeb rgb(34,238,235)
```
#2225ee
```
#2225ee rgb(34,37,238)
```
#ee2225
```
#ee2225 rgb(238,34,37)
```
#eeeb22
```
#eeeb22 rgb(238,235,34)
```

Tetradic Color

#0e10b6
```
#0e10b6 rgb(14,16,182)
```
#1013cd
```
#1013cd rgb(16,19,205)
```
#1215e5
```
#1215e5 rgb(18,21,229)
```
#2225ee
```
#2225ee rgb(34,37,238)
```
#3a3cf0
```
#3a3cf0 rgb(58,60,240)
```
#5154f2
```
#5154f2 rgb(81,84,242)
```
#696bf3
```
#696bf3 rgb(105,107,243)
```

Monochromatic Color

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

#2258ee
```
#2258ee rgb(34,88,238)
```
#2247ee
```
#2247ee rgb(34,71,238)
```
#2236ee
```
#2236ee rgb(34,54,238)
```
#2225ee
```
#2225ee rgb(34,37,238)
```
#3022ee
```
#3022ee rgb(48,34,238)
```
#4122ee
```
#4122ee rgb(65,34,238)
```
#5222ee
```
#5222ee rgb(82,34,238)
```

Similar Colors

Text with hexadecimal color #2225ee

This text has a font color of #2225ee.

<span style="color:#2225ee;">Text here</span>

#2225ee background color

This paragraph has a background color of #2225ee.

<p style="background-color:#2225ee;">Content here</p>

#2225ee border color

This element has a border color of #2225ee.

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

CSS codes

.text {color:#2225ee;}

.background {background-color:#2225ee;}

.border {border:1px solid #2225ee;}

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

#010110
```
#010110 rgb(1,1,16)
```
#030322
```
#030322 rgb(3,3,34)
```
#040534
```
#040534 rgb(4,5,52)
```
#050646
```
#050646 rgb(5,6,70)
```
#070859
```
#070859 rgb(7,8,89)
```
#080a6b
```
#080a6b rgb(8,10,107)
```
#0a0b7d
```
#0a0b7d rgb(10,11,125)
```
#0b0d8f
```
#0b0d8f rgb(11,13,143)
```
#0c0fa2
```
#0c0fa2 rgb(12,15,162)
```
#0e10b4
```
#0e10b4 rgb(14,16,180)
```
#0f12c6
```
#0f12c6 rgb(15,18,198)
```
#1114d8
```
#1114d8 rgb(17,20,216)
```
#1215ea
```
#1215ea rgb(18,21,234)
```

Shade Color Variation

#2225ee
```
#2225ee rgb(34,37,238)
```
#3437ef
```
#3437ef rgb(52,55,239)
```
#4649f1
```
#4649f1 rgb(70,73,241)
```
#595bf2
```
#595bf2 rgb(89,91,242)
```
#6b6df4
```
#6b6df4 rgb(107,109,244)
```
#7d7ff5
```
#7d7ff5 rgb(125,127,245)
```
#8f91f6
```
#8f91f6 rgb(143,145,246)
```
#a2a3f8
```
#a2a3f8 rgb(162,163,248)
```
#b4b5f9
```
#b4b5f9 rgb(180,181,249)
```
#c6c7fb
```
#c6c7fb rgb(198,199,251)
```
#d8d9fc
```
#d8d9fc rgb(216,217,252)
```
#eaebfd
```
#eaebfd rgb(234,235,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#878789
```
#878789 rgb(135,135,137)
```
#7e7e92
```
#7e7e92 rgb(126,126,146)
```
#74759c
```
#74759c rgb(116,117,156)
```
#6b6ca5
```
#6b6ca5 rgb(107,108,165)
```
#6263ae
```
#6263ae rgb(98,99,174)
```
#595ab7
```
#595ab7 rgb(89,90,183)
```
#5051c0
```
#5051c0 rgb(80,81,192)
```
#4749c9
```
#4749c9 rgb(71,73,201)
```
#3d40d3
```
#3d40d3 rgb(61,64,211)
```
#3437dc
```
#3437dc rgb(52,55,220)
```
#2b2ee5
```
#2b2ee5 rgb(43,46,229)
```
#2225ee
```
#2225ee rgb(34,37,238)
```
#191cf7
```
#191cf7 rgb(25,28,247)
```

Tone Color Variation

Below, you can see how #2225ee 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

#3b3b3b Achromatopsia 0.005% of the population
#36375f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a8f Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#0c44c0 Protanomaly 1% of men, 0.01% of women
#0c47b1 Deuteranomaly 6% of men, 0.4% of women
#0c4b96 Tritanomaly 0.01% of the population

#2225ee hex color

#2225ee Color Information

#2225ee Color Conversion

Color Schemes with #2225ee

Alternatives to #2225ee

#2225ee Preview

Shades and Tints of #2225ee

Tones of #2225ee

Color Blindness Simulator