#7214e2 hex color

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

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

● #7214e2 color description : Vivid violet.

The hexadecimal color #7214e2 has RGB values of R:114, G:20, B:226 and CMYK values of C:0.5, M:0.91, Y:0, K:0.11. Its decimal value is 7476450.

Hex triplet	7214e2	`#7214e2`
RGB Decimal	114, 20, 226	`rgb(114,20,226)`
RGB Percent	44.7, 7.8, 88.6	`rgb(44.7%,7.8%,88.6%)`
CMYK	50, 91, 0, 11
HSL	267.4°, 83.7, 48.2	`hsl(267.4,83.7%,48.2%)`
HSV (or HSB)	267.4°, 91.2, 88.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	37.057, 73.169, -83.322
XYZ	20.915, 9.569, 72.692
xyY	0.203, 0.093, 9.569
CIE-LCH	37.057, 110.889, 311.288
CIE-LUV	37.057, 10.051, -117.161
Hunter-Lab	30.933, 66.556, -117.678
Binary	01110010, 00010100, 11100010

#7214e2
```
#7214e2 rgb(114,20,226)
```
#84e214
```
#84e214 rgb(132,226,20)
```

Complementary Color

#141de2
```
#141de2 rgb(20,29,226)
```
#7214e2
```
#7214e2 rgb(114,20,226)
```
#d914e2
```
#d914e2 rgb(217,20,226)
```

Analogous Color

#1de214
```
#1de214 rgb(29,226,20)
```
#7214e2
```
#7214e2 rgb(114,20,226)
```
#e2d914
```
#e2d914 rgb(226,217,20)
```

Split Complementary Color

#14e272
```
#14e272 rgb(20,226,114)
```
#7214e2
```
#7214e2 rgb(114,20,226)
```
#e27214
```
#e27214 rgb(226,114,20)
```

Triadic Color

#1484e2
```
#1484e2 rgb(20,132,226)
```
#7214e2
```
#7214e2 rgb(114,20,226)
```
#e27214
```
#e27214 rgb(226,114,20)
```
#84e214
```
#84e214 rgb(132,226,20)
```

Tetradic Color

#4f0e9c
```
#4f0e9c rgb(79,14,156)
```
#5a10b3
```
#5a10b3 rgb(90,16,179)
```
#6612cb
```
#6612cb rgb(102,18,203)
```
#7214e2
```
#7214e2 rgb(114,20,226)
```
#7f24ec
```
#7f24ec rgb(127,36,236)
```
#8d3bee
```
#8d3bee rgb(141,59,238)
```
#9a53f0
```
#9a53f0 rgb(154,83,240)
```

Monochromatic Color

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

#3f14e2
```
#3f14e2 rgb(63,20,226)
```
#5014e2
```
#5014e2 rgb(80,20,226)
```
#6114e2
```
#6114e2 rgb(97,20,226)
```
#7214e2
```
#7214e2 rgb(114,20,226)
```
#8314e2
```
#8314e2 rgb(131,20,226)
```
#9414e2
```
#9414e2 rgb(148,20,226)
```
#a614e2
```
#a614e2 rgb(166,20,226)
```

Similar Colors

Text with hexadecimal color #7214e2

This text has a font color of #7214e2.

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

#7214e2 background color

This paragraph has a background color of #7214e2.

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

#7214e2 border color

This element has a border color of #7214e2.

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

CSS codes

.text {color:#7214e2;}

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

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

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

#05010a
```
#05010a rgb(5,1,10)
```
#0e021c
```
#0e021c rgb(14,2,28)
```
#17042e
```
#17042e rgb(23,4,46)
```
#200640
```
#200640 rgb(32,6,64)
```
#290752
```
#290752 rgb(41,7,82)
```
#320964
```
#320964 rgb(50,9,100)
```
#3b0a76
```
#3b0a76 rgb(59,10,118)
```
#450c88
```
#450c88 rgb(69,12,136)
```
#4e0e9a
```
#4e0e9a rgb(78,14,154)
```
#570fac
```
#570fac rgb(87,15,172)
```
#6011be
```
#6011be rgb(96,17,190)
```
#6912d0
```
#6912d0 rgb(105,18,208)
```
#7214e2
```
#7214e2 rgb(114,20,226)
```

Shade Color Variation

#7c1eeb
```
#7c1eeb rgb(124,30,235)
```
#8631ed
```
#8631ed rgb(134,49,237)
```
#9143ee
```
#9143ee rgb(145,67,238)
```
#9b55f0
```
#9b55f0 rgb(155,85,240)
```
#a667f2
```
#a667f2 rgb(166,103,242)
```
#b079f3
```
#b079f3 rgb(176,121,243)
```
#bb8bf5
```
#bb8bf5 rgb(187,139,245)
```
#c69df6
```
#c69df6 rgb(198,157,246)
```
#d0aff8
```
#d0aff8 rgb(208,175,248)
```
#dbc1f9
```
#dbc1f9 rgb(219,193,249)
```
#e5d3fb
```
#e5d3fb rgb(229,211,251)
```
#f0e5fd
```
#f0e5fd rgb(240,229,253)
```
#faf7fe
```
#faf7fe rgb(250,247,254)
```

Tint Color Variation

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

#7a7383
```
#7a7383 rgb(122,115,131)
```
#79698d
```
#79698d rgb(121,105,141)
```
#796096
```
#796096 rgb(121,96,150)
```
#7856a0
```
#7856a0 rgb(120,86,160)
```
#774da9
```
#774da9 rgb(119,77,169)
```
#7643b3
```
#7643b3 rgb(118,67,179)
```
#753abc
```
#753abc rgb(117,58,188)
```
#7430c6
```
#7430c6 rgb(116,48,198)
```
#7427cf
```
#7427cf rgb(116,39,207)
```
#731dd9
```
#731dd9 rgb(115,29,217)
```
#7214e2
```
#7214e2 rgb(114,20,226)
```
#710beb
```
#710beb rgb(113,11,235)
```
#7001f5
```
#7001f5 rgb(112,1,245)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#503e67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db4 Protanopia 1% of men
#00629d Deuteranopia 1% of men
#4c636a Tritanopia 0.001% of the population

Trichromacy

#2942c5 Protanomaly 1% of men, 0.01% of women
#2945b6 Deuteranomaly 6% of men, 0.4% of women
#5a4696 Tritanomaly 0.01% of the population

#7214e2 hex color

#7214e2 Color Information

#7214e2 Color Conversion

Color Schemes with #7214e2

Alternatives to #7214e2

#7214e2 Preview

Shades and Tints of #7214e2

Tones of #7214e2

Color Blindness Simulator