#225eee hex color

In a RGB color space, hex #225eee is composed of 13.3% red, 36.9% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 60.5% magenta, 0% yellow and 6.7% black. It has a hue angle of 222.4 degrees, a saturation of 85.7% and a lightness of 53.3%. #225eee color hex could be obtained by blending #44bcff with #0000dd. Closest websafe color is: #3366ff.

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

● #225eee color description : Vivid blue.

The hexadecimal color #225eee has RGB values of R:34, G:94, B:238 and CMYK values of C:0.86, M:0.61, Y:0, K:0.07. Its decimal value is 2252526.

Hex triplet	225eee	`#225eee`
RGB Decimal	34, 94, 238	`rgb(34,94,238)`
RGB Percent	13.3, 36.9, 93.3	`rgb(13.3%,36.9%,93.3%)`
CMYK	86, 61, 0, 7
HSL	222.4°, 85.7, 53.3	`hsl(222.4,85.7%,53.3%)`
HSV (or HSB)	222.4°, 85.7, 93.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.965, 35.068, -77.312
XYZ	20.092, 14.517, 82.627
xyY	0.171, 0.124, 14.517
CIE-LCH	44.965, 84.894, 294.398
CIE-LUV	44.965, -18.929, -116.532
Hunter-Lab	38.101, 27.451, -101.908
Binary	00100010, 01011110, 11101110

#225eee
```
#225eee rgb(34,94,238)
```
#eeb222
```
#eeb222 rgb(238,178,34)
```

Complementary Color

#22c4ee
```
#22c4ee rgb(34,196,238)
```
#225eee
```
#225eee rgb(34,94,238)
```
#4c22ee
```
#4c22ee rgb(76,34,238)
```

Analogous Color

#c4ee22
```
#c4ee22 rgb(196,238,34)
```
#225eee
```
#225eee rgb(34,94,238)
```
#ee4c22
```
#ee4c22 rgb(238,76,34)
```

Split Complementary Color

#5eee22
```
#5eee22 rgb(94,238,34)
```
#225eee
```
#225eee rgb(34,94,238)
```
#ee225e
```
#ee225e rgb(238,34,94)
```

Triadic Color

#22eeb2
```
#22eeb2 rgb(34,238,178)
```
#225eee
```
#225eee rgb(34,94,238)
```
#ee225e
```
#ee225e rgb(238,34,94)
```
#eeb222
```
#eeb222 rgb(238,178,34)
```

Tetradic Color

#0e3fb6
```
#0e3fb6 rgb(14,63,182)
```
#1048cd
```
#1048cd rgb(16,72,205)
```
#1250e5
```
#1250e5 rgb(18,80,229)
```
#225eee
```
#225eee rgb(34,94,238)
```
#3a6ff0
```
#3a6ff0 rgb(58,111,240)
```
#5181f2
```
#5181f2 rgb(81,129,242)
```
#6992f3
```
#6992f3 rgb(105,146,243)
```

Monochromatic Color

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

#2291ee
```
#2291ee rgb(34,145,238)
```
#2280ee
```
#2280ee rgb(34,128,238)
```
#226fee
```
#226fee rgb(34,111,238)
```
#225eee
```
#225eee rgb(34,94,238)
```
#224dee
```
#224dee rgb(34,77,238)
```
#223cee
```
#223cee rgb(34,60,238)
```
#222bee
```
#222bee rgb(34,43,238)
```

Similar Colors

Text with hexadecimal color #225eee

This text has a font color of #225eee.

<span style="color:#225eee;">Text here</span>

#225eee background color

This paragraph has a background color of #225eee.

<p style="background-color:#225eee;">Content here</p>

#225eee border color

This element has a border color of #225eee.

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

CSS codes

.text {color:#225eee;}

.background {background-color:#225eee;}

.border {border:1px solid #225eee;}

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

#010510
```
#010510 rgb(1,5,16)
```
#030c22
```
#030c22 rgb(3,12,34)
```
#041234
```
#041234 rgb(4,18,52)
```
#051946
```
#051946 rgb(5,25,70)
```
#071f59
```
#071f59 rgb(7,31,89)
```
#08256b
```
#08256b rgb(8,37,107)
```
#0a2c7d
```
#0a2c7d rgb(10,44,125)
```
#0b328f
```
#0b328f rgb(11,50,143)
```
#0c38a2
```
#0c38a2 rgb(12,56,162)
```
#0e3fb4
```
#0e3fb4 rgb(14,63,180)
```
#0f45c6
```
#0f45c6 rgb(15,69,198)
```
#114bd8
```
#114bd8 rgb(17,75,216)
```
#1252ea
```
#1252ea rgb(18,82,234)
```

Shade Color Variation

#225eee
```
#225eee rgb(34,94,238)
```
#346bef
```
#346bef rgb(52,107,239)
```
#4679f1
```
#4679f1 rgb(70,121,241)
```
#5986f2
```
#5986f2 rgb(89,134,242)
```
#6b93f4
```
#6b93f4 rgb(107,147,244)
```
#7da0f5
```
#7da0f5 rgb(125,160,245)
```
#8faef6
```
#8faef6 rgb(143,174,246)
```
#a2bbf8
```
#a2bbf8 rgb(162,187,248)
```
#b4c8f9
```
#b4c8f9 rgb(180,200,249)
```
#c6d5fb
```
#c6d5fb rgb(198,213,251)
```
#d8e3fc
```
#d8e3fc rgb(216,227,252)
```
#eaf0fd
```
#eaf0fd rgb(234,240,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 #195af7 is the most saturated one.

#878789
```
#878789 rgb(135,135,137)
```
#7e8492
```
#7e8492 rgb(126,132,146)
```
#74809c
```
#74809c rgb(116,128,156)
```
#6b7ca5
```
#6b7ca5 rgb(107,124,165)
```
#6278ae
```
#6278ae rgb(98,120,174)
```
#5975b7
```
#5975b7 rgb(89,117,183)
```
#5071c0
```
#5071c0 rgb(80,113,192)
```
#476dc9
```
#476dc9 rgb(71,109,201)
```
#3d69d3
```
#3d69d3 rgb(61,105,211)
```
#3466dc
```
#3466dc rgb(52,102,220)
```
#2b62e5
```
#2b62e5 rgb(43,98,229)
```
#225eee
```
#225eee rgb(34,94,238)
```
#195af7
```
#195af7 rgb(25,90,247)
```

Tone Color Variation

Below, you can see how #225eee 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

#5c5c5c Achromatopsia 0.005% of the population
#505c79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007d83 Tritanopia 0.001% of the population

Trichromacy

#0c68e0 Protanomaly 1% of men, 0.01% of women
#0c6cce Deuteranomaly 6% of men, 0.4% of women
#0c72aa Tritanomaly 0.01% of the population

#225eee hex color

#225eee Color Information

#225eee Color Conversion

Color Schemes with #225eee

Alternatives to #225eee

#225eee Preview

Shades and Tints of #225eee

Tones of #225eee

Color Blindness Simulator