#2214e2 hex color

In a RGB color space, hex #2214e2 is composed of 13.3% red, 7.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 91.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 244.1 degrees, a saturation of 83.7% and a lightness of 48.2%. #2214e2 color hex could be obtained by blending #4428ff with #0000c5. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 8
- B 89
RGB color chart
- C 85
- M 91
- Y 0
- K 11
CMYK color chart

● #2214e2 color description : Vivid blue.

The hexadecimal color #2214e2 has RGB values of R:34, G:20, B:226 and CMYK values of C:0.85, M:0.91, Y:0, K:0.11. Its decimal value is 2233570.

Hex triplet	2214e2	`#2214e2`
RGB Decimal	34, 20, 226	`rgb(34,20,226)`
RGB Percent	13.3, 7.8, 88.6	`rgb(13.3%,7.8%,88.6%)`
CMYK	85, 91, 0, 11
HSL	244.1°, 83.7, 48.2	`hsl(244.1,83.7%,48.2%)`
HSV (or HSB)	244.1°, 91.2, 88.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	30.231, 68.718, -94.854
XYZ	14.635, 6.33, 72.398
xyY	0.157, 0.068, 6.33
CIE-LCH	30.231, 117.13, 305.922
CIE-LUV	30.231, -7.351, -115.54
Hunter-Lab	25.16, 59.795, -152.994
Binary	00100010, 00010100, 11100010

#2214e2
```
#2214e2 rgb(34,20,226)
```
#d4e214
```
#d4e214 rgb(212,226,20)
```

Complementary Color

#146de2
```
#146de2 rgb(20,109,226)
```
#2214e2
```
#2214e2 rgb(34,20,226)
```
#8914e2
```
#8914e2 rgb(137,20,226)
```

Analogous Color

#6de214
```
#6de214 rgb(109,226,20)
```
#2214e2
```
#2214e2 rgb(34,20,226)
```
#e28914
```
#e28914 rgb(226,137,20)
```

Split Complementary Color

#14e222
```
#14e222 rgb(20,226,34)
```
#2214e2
```
#2214e2 rgb(34,20,226)
```
#e22214
```
#e22214 rgb(226,34,20)
```

Triadic Color

#14d4e2
```
#14d4e2 rgb(20,212,226)
```
#2214e2
```
#2214e2 rgb(34,20,226)
```
#e22214
```
#e22214 rgb(226,34,20)
```
#d4e214
```
#d4e214 rgb(212,226,20)
```

Tetradic Color

#170e9c
```
#170e9c rgb(23,14,156)
```
#1b10b3
```
#1b10b3 rgb(27,16,179)
```
#1e12cb
```
#1e12cb rgb(30,18,203)
```
#2214e2
```
#2214e2 rgb(34,20,226)
```
#3124ec
```
#3124ec rgb(49,36,236)
```
#473bee
```
#473bee rgb(71,59,238)
```
#5d53f0
```
#5d53f0 rgb(93,83,240)
```

Monochromatic Color

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

#143ae2
```
#143ae2 rgb(20,58,226)
```
#1428e2
```
#1428e2 rgb(20,40,226)
```
#1417e2
```
#1417e2 rgb(20,23,226)
```
#2214e2
```
#2214e2 rgb(34,20,226)
```
#3314e2
```
#3314e2 rgb(51,20,226)
```
#4414e2
```
#4414e2 rgb(68,20,226)
```
#5514e2
```
#5514e2 rgb(85,20,226)
```

Similar Colors

Text with hexadecimal color #2214e2

This text has a font color of #2214e2.

<span style="color:#2214e2;">Text here</span>

#2214e2 background color

This paragraph has a background color of #2214e2.

<p style="background-color:#2214e2;">Content here</p>

#2214e2 border color

This element has a border color of #2214e2.

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

CSS codes

.text {color:#2214e2;}

.background {background-color:#2214e2;}

.border {border:1px solid #2214e2;}

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, #01010a is the darkest color, while #f7f7fe is the lightest one.

#01010a
```
#01010a rgb(1,1,10)
```
#04021c
```
#04021c rgb(4,2,28)
```
#07042e
```
#07042e rgb(7,4,46)
```
#0a0640
```
#0a0640 rgb(10,6,64)
```
#0c0752
```
#0c0752 rgb(12,7,82)
```
#0f0964
```
#0f0964 rgb(15,9,100)
```
#120a76
```
#120a76 rgb(18,10,118)
```
#140c88
```
#140c88 rgb(20,12,136)
```
#170e9a
```
#170e9a rgb(23,14,154)
```
#1a0fac
```
#1a0fac rgb(26,15,172)
```
#1d11be
```
#1d11be rgb(29,17,190)
```
#1f12d0
```
#1f12d0 rgb(31,18,208)
```
#2214e2
```
#2214e2 rgb(34,20,226)
```

Shade Color Variation

#2c1eeb
```
#2c1eeb rgb(44,30,235)
```
#3d31ed
```
#3d31ed rgb(61,49,237)
```
#4e43ee
```
#4e43ee rgb(78,67,238)
```
#5f55f0
```
#5f55f0 rgb(95,85,240)
```
#7067f2
```
#7067f2 rgb(112,103,242)
```
#8179f3
```
#8179f3 rgb(129,121,243)
```
#928bf5
```
#928bf5 rgb(146,139,245)
```
#a39df6
```
#a39df6 rgb(163,157,246)
```
#b4aff8
```
#b4aff8 rgb(180,175,248)
```
#c5c1f9
```
#c5c1f9 rgb(197,193,249)
```
#d5d3fb
```
#d5d3fb rgb(213,211,251)
```
#e6e5fd
```
#e6e5fd rgb(230,229,253)
```
#f7f7fe
```
#f7f7fe rgb(247,247,254)
```

Tint Color Variation

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

#747383
```
#747383 rgb(116,115,131)
```
#6c698d
```
#6c698d rgb(108,105,141)
```
#636096
```
#636096 rgb(99,96,150)
```
#5b56a0
```
#5b56a0 rgb(91,86,160)
```
#534da9
```
#534da9 rgb(83,77,169)
```
#4b43b3
```
#4b43b3 rgb(75,67,179)
```
#433abc
```
#433abc rgb(67,58,188)
```
#3b30c6
```
#3b30c6 rgb(59,48,198)
```
#3227cf
```
#3227cf rgb(50,39,207)
```
#2a1dd9
```
#2a1dd9 rgb(42,29,217)
```
#2214e2
```
#2214e2 rgb(34,20,226)
```
#1a0beb
```
#1a0beb rgb(26,11,235)
```
#1201f5
```
#1201f5 rgb(18,1,245)
```

Tone Color Variation

Below, you can see how #2214e2 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

#303030 Achromatopsia 0.005% of the population
#2d2a54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e98 Protanopia 1% of men
#005383 Deuteranopia 1% of men
#00585c Tritanopia 0.001% of the population

Trichromacy

#0c39b3 Protanomaly 1% of men, 0.01% of women
#0c3ca5 Deuteranomaly 6% of men, 0.4% of women
#0c3f8d Tritanomaly 0.01% of the population

#2214e2 hex color

#2214e2 Color Information

#2214e2 Color Conversion

Color Schemes with #2214e2

Alternatives to #2214e2

#2214e2 Preview

Shades and Tints of #2214e2

Tones of #2214e2

Color Blindness Simulator