#220eea hex color

In a RGB color space, hex #220eea is composed of 13.3% red, 5.5% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 94% magenta, 0% yellow and 8.2% black. It has a hue angle of 245.5 degrees, a saturation of 88.7% and a lightness of 48.6%. #220eea color hex could be obtained by blending #441cff with #0000d5. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 13
- G 5
- B 92
RGB color chart
- C 85
- M 94
- Y 0
- K 8
CMYK color chart

● #220eea color description : Vivid blue.

The hexadecimal color #220eea has RGB values of R:34, G:14, B:234 and CMYK values of C:0.85, M:0.94, Y:0, K:0.08. Its decimal value is 2232042.

Hex triplet	220eea	`#220eea`
RGB Decimal	34, 14, 234	`rgb(34,14,234)`
RGB Percent	13.3, 5.5, 91.8	`rgb(13.3%,5.5%,91.8%)`
CMYK	85, 94, 0, 8
HSL	245.5°, 88.7, 48.6	`hsl(245.5,88.7%,48.6%)`
HSV (or HSB)	245.5°, 94, 91.8
Web Safe	3300ff	`#3300ff`

CIE-LAB	30.863, 72.141, -98.373
XYZ	15.665, 6.594, 78.284
xyY	0.156, 0.066, 6.594
CIE-LCH	30.863, 121.99, 306.254
CIE-LUV	30.863, -7.428, -119.767
Hunter-Lab	25.678, 63.959, -162.783
Binary	00100010, 00001110, 11101010

#220eea
```
#220eea rgb(34,14,234)
```
#d6ea0e
```
#d6ea0e rgb(214,234,14)
```

Complementary Color

#0e68ea
```
#0e68ea rgb(14,104,234)
```
#220eea
```
#220eea rgb(34,14,234)
```
#900eea
```
#900eea rgb(144,14,234)
```

Analogous Color

#68ea0e
```
#68ea0e rgb(104,234,14)
```
#220eea
```
#220eea rgb(34,14,234)
```
#ea900e
```
#ea900e rgb(234,144,14)
```

Split Complementary Color

#0eea22
```
#0eea22 rgb(14,234,34)
```
#220eea
```
#220eea rgb(34,14,234)
```
#ea220e
```
#ea220e rgb(234,34,14)
```

Triadic Color

#0ed6ea
```
#0ed6ea rgb(14,214,234)
```
#220eea
```
#220eea rgb(34,14,234)
```
#ea220e
```
#ea220e rgb(234,34,14)
```
#d6ea0e
```
#d6ea0e rgb(214,234,14)
```

Tetradic Color

#180aa2
```
#180aa2 rgb(24,10,162)
```
#1b0bba
```
#1b0bba rgb(27,11,186)
```
#1f0dd2
```
#1f0dd2 rgb(31,13,210)
```
#220eea
```
#220eea rgb(34,14,234)
```
#3320f2
```
#3320f2 rgb(51,32,242)
```
#4938f3
```
#4938f3 rgb(73,56,243)
```
#5f50f5
```
#5f50f5 rgb(95,80,245)
```

Monochromatic Color

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

#0e31ea
```
#0e31ea rgb(14,49,234)
```
#0e1fea
```
#0e1fea rgb(14,31,234)
```
#100eea
```
#100eea rgb(16,14,234)
```
#220eea
```
#220eea rgb(34,14,234)
```
#340eea
```
#340eea rgb(52,14,234)
```
#470eea
```
#470eea rgb(71,14,234)
```
#590eea
```
#590eea rgb(89,14,234)
```

Similar Colors

Text with hexadecimal color #220eea

This text has a font color of #220eea.

<span style="color:#220eea;">Text here</span>

#220eea background color

This paragraph has a background color of #220eea.

<p style="background-color:#220eea;">Content here</p>

#220eea border color

This element has a border color of #220eea.

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

CSS codes

.text {color:#220eea;}

.background {background-color:#220eea;}

.border {border:1px solid #220eea;}

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, #02010c is the darkest color, while #f9f8ff is the lightest one.

#02010c
```
#02010c rgb(2,1,12)
```
#04021e
```
#04021e rgb(4,2,30)
```
#070331
```
#070331 rgb(7,3,49)
```
#0a0443
```
#0a0443 rgb(10,4,67)
```
#0c0556
```
#0c0556 rgb(12,5,86)
```
#0f0668
```
#0f0668 rgb(15,6,104)
```
#12077b
```
#12077b rgb(18,7,123)
```
#15088d
```
#15088d rgb(21,8,141)
```
#170aa0
```
#170aa0 rgb(23,10,160)
```
#1a0bb2
```
#1a0bb2 rgb(26,11,178)
```
#1d0cc5
```
#1d0cc5 rgb(29,12,197)
```
#1f0dd7
```
#1f0dd7 rgb(31,13,215)
```
#220eea
```
#220eea rgb(34,14,234)
```

Shade Color Variation

#2e1af1
```
#2e1af1 rgb(46,26,241)
```
#3f2df2
```
#3f2df2 rgb(63,45,242)
```
#503ff4
```
#503ff4 rgb(80,63,244)
```
#6152f5
```
#6152f5 rgb(97,82,245)
```
#7264f6
```
#7264f6 rgb(114,100,246)
```
#8277f7
```
#8277f7 rgb(130,119,247)
```
#9389f8
```
#9389f8 rgb(147,137,248)
```
#a49cf9
```
#a49cf9 rgb(164,156,249)
```
#b5aefa
```
#b5aefa rgb(181,174,250)
```
#c6c1fb
```
#c6c1fb rgb(198,193,251)
```
#d7d3fc
```
#d7d3fc rgb(215,211,252)
```
#e8e6fd
```
#e8e6fd rgb(232,230,253)
```
#f9f8ff
```
#f9f8ff rgb(249,248,255)
```

Tint Color Variation

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

#787781
```
#787781 rgb(120,119,129)
```
#706d8b
```
#706d8b rgb(112,109,139)
```
#686494
```
#686494 rgb(104,100,148)
```
#605a9e
```
#605a9e rgb(96,90,158)
```
#5951a7
```
#5951a7 rgb(89,81,167)
```
#5147b1
```
#5147b1 rgb(81,71,177)
```
#493eba
```
#493eba rgb(73,62,186)
```
#4134c4
```
#4134c4 rgb(65,52,196)
```
#392bcd
```
#392bcd rgb(57,43,205)
```
#3221d7
```
#3221d7 rgb(50,33,215)
```
#2a18e0
```
#2a18e0 rgb(42,24,224)
```
#220eea
```
#220eea rgb(34,14,234)
```
#1a04f4
```
#1a04f4 rgb(26,4,244)
```

Tone Color Variation

Below, you can see how #220eea 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

#2d2d2d Achromatopsia 0.005% of the population
#2b2753 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005485 Deuteranopia 1% of men
#005a5d Tritanopia 0.001% of the population

Trichromacy

#0c37b7 Protanomaly 1% of men, 0.01% of women
#0c3aa9 Deuteranomaly 6% of men, 0.4% of women
#0c3e90 Tritanomaly 0.01% of the population

#220eea hex color

#220eea Color Information

#220eea Color Conversion

Color Schemes with #220eea

Alternatives to #220eea

#220eea Preview

Shades and Tints of #220eea

Tones of #220eea

Color Blindness Simulator