#2214e1 hex color

In a RGB color space, hex #2214e1 is composed of 13.3% red, 7.8% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 84.9% cyan, 91.1% magenta, 0% yellow and 11.8% black. It has a hue angle of 244.1 degrees, a saturation of 83.7% and a lightness of 48%. #2214e1 color hex could be obtained by blending #4428ff with #0000c3. Closest websafe color is: #3300cc.

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

● #2214e1 color description : Vivid blue.

The hexadecimal color #2214e1 has RGB values of R:34, G:20, B:225 and CMYK values of C:0.85, M:0.91, Y:0, K:0.12. Its decimal value is 2233569.

Hex triplet	2214e1	`#2214e1`
RGB Decimal	34, 20, 225	`rgb(34,20,225)`
RGB Percent	13.3, 7.8, 88.2	`rgb(13.3%,7.8%,88.2%)`
CMYK	85, 91, 0, 12
HSL	244.1°, 83.7, 48	`hsl(244.1,83.7%,48%)`
HSV (or HSB)	244.1°, 91.1, 88.2
Web Safe	3300cc	`#3300cc`

CIE-LAB	30.097, 68.456, -94.503
XYZ	14.498, 6.276, 71.677
xyY	0.157, 0.068, 6.276
CIE-LCH	30.097, 116.692, 305.919
CIE-LUV	30.097, -7.305, -114.967
Hunter-Lab	25.051, 59.463, -152.107
Binary	00100010, 00010100, 11100001

#2214e1
```
#2214e1 rgb(34,20,225)
```
#d3e114
```
#d3e114 rgb(211,225,20)
```

Complementary Color

#146de1
```
#146de1 rgb(20,109,225)
```
#2214e1
```
#2214e1 rgb(34,20,225)
```
#8914e1
```
#8914e1 rgb(137,20,225)
```

Analogous Color

#6de114
```
#6de114 rgb(109,225,20)
```
#2214e1
```
#2214e1 rgb(34,20,225)
```
#e18914
```
#e18914 rgb(225,137,20)
```

Split Complementary Color

#14e122
```
#14e122 rgb(20,225,34)
```
#2214e1
```
#2214e1 rgb(34,20,225)
```
#e12214
```
#e12214 rgb(225,34,20)
```

Triadic Color

#14d3e1
```
#14d3e1 rgb(20,211,225)
```
#2214e1
```
#2214e1 rgb(34,20,225)
```
#e12214
```
#e12214 rgb(225,34,20)
```
#d3e114
```
#d3e114 rgb(211,225,20)
```

Tetradic Color

#170e9b
```
#170e9b rgb(23,14,155)
```
#1b10b2
```
#1b10b2 rgb(27,16,178)
```
#1e12ca
```
#1e12ca rgb(30,18,202)
```
#2214e1
```
#2214e1 rgb(34,20,225)
```
#3123eb
```
#3123eb rgb(49,35,235)
```
#473aee
```
#473aee rgb(71,58,238)
```
#5d52f0
```
#5d52f0 rgb(93,82,240)
```

Monochromatic Color

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

#1439e1
```
#1439e1 rgb(20,57,225)
```
#1428e1
```
#1428e1 rgb(20,40,225)
```
#1417e1
```
#1417e1 rgb(20,23,225)
```
#2214e1
```
#2214e1 rgb(34,20,225)
```
#3314e1
```
#3314e1 rgb(51,20,225)
```
#4414e1
```
#4414e1 rgb(68,20,225)
```
#5514e1
```
#5514e1 rgb(85,20,225)
```

Similar Colors

Text with hexadecimal color #2214e1

This text has a font color of #2214e1.

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

#2214e1 background color

This paragraph has a background color of #2214e1.

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

#2214e1 border color

This element has a border color of #2214e1.

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

CSS codes

.text {color:#2214e1;}

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

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

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

#010109
```
#010109 rgb(1,1,9)
```
#04021b
```
#04021b rgb(4,2,27)
```
#07042d
```
#07042d rgb(7,4,45)
```
#0a063f
```
#0a063f rgb(10,6,63)
```
#0c0751
```
#0c0751 rgb(12,7,81)
```
#0f0963
```
#0f0963 rgb(15,9,99)
```
#120a75
```
#120a75 rgb(18,10,117)
```
#140c87
```
#140c87 rgb(20,12,135)
```
#170e99
```
#170e99 rgb(23,14,153)
```
#1a0fab
```
#1a0fab rgb(26,15,171)
```
#1d11bd
```
#1d11bd rgb(29,17,189)
```
#1f12cf
```
#1f12cf rgb(31,18,207)
```
#2214e1
```
#2214e1 rgb(34,20,225)
```

Shade Color Variation

#2c1eeb
```
#2c1eeb rgb(44,30,235)
```
#3d30ed
```
#3d30ed rgb(61,48,237)
```
#4d42ee
```
#4d42ee rgb(77,66,238)
```
#5e54f0
```
#5e54f0 rgb(94,84,240)
```
#6f66f1
```
#6f66f1 rgb(111,102,241)
```
#8078f3
```
#8078f3 rgb(128,120,243)
```
#918af5
```
#918af5 rgb(145,138,245)
```
#a29cf6
```
#a29cf6 rgb(162,156,246)
```
#b3aef8
```
#b3aef8 rgb(179,174,248)
```
#c4c0f9
```
#c4c0f9 rgb(196,192,249)
```
#d5d2fb
```
#d5d2fb rgb(213,210,251)
```
#e5e4fd
```
#e5e4fd rgb(229,228,253)
```
#f6f6fe
```
#f6f6fe rgb(246,246,254)
```

Tint Color Variation

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

#737283
```
#737283 rgb(115,114,131)
```
#6b698c
```
#6b698c rgb(107,105,140)
```
#635f96
```
#635f96 rgb(99,95,150)
```
#5b569f
```
#5b569f rgb(91,86,159)
```
#534da8
```
#534da8 rgb(83,77,168)
```
#4b43b2
```
#4b43b2 rgb(75,67,178)
```
#433abb
```
#433abb rgb(67,58,187)
```
#3a30c5
```
#3a30c5 rgb(58,48,197)
```
#3227ce
```
#3227ce rgb(50,39,206)
```
#2a1dd8
```
#2a1dd8 rgb(42,29,216)
```
#2214e1
```
#2214e1 rgb(34,20,225)
```
#1a0bea
```
#1a0bea rgb(26,11,234)
```
#1201f4
```
#1201f4 rgb(18,1,244)
```

Tone Color Variation

Below, you can see how #2214e1 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
#2d2a53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e97 Protanopia 1% of men
#005282 Deuteranopia 1% of men
#00585c Tritanopia 0.001% of the population

Trichromacy

#0c39b2 Protanomaly 1% of men, 0.01% of women
#0c3ca4 Deuteranomaly 6% of men, 0.4% of women
#0c3f8c Tritanomaly 0.01% of the population

#2214e1 hex color

#2214e1 Color Information

#2214e1 Color Conversion

Color Schemes with #2214e1

Alternatives to #2214e1

#2214e1 Preview

Shades and Tints of #2214e1

Tones of #2214e1

Color Blindness Simulator