#7214e3 hex color

In a RGB color space, hex #7214e3 is composed of 44.7% red, 7.8% green and 89% blue. Whereas in a CMYK color space, it is composed of 49.8% cyan, 91.2% magenta, 0% yellow and 11% black. It has a hue angle of 267.2 degrees, a saturation of 83.8% and a lightness of 48.4%. #7214e3 color hex could be obtained by blending #e428ff with #0000c7. 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

● #7214e3 color description : Vivid violet.

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

Hex triplet	7214e3	`#7214e3`
RGB Decimal	114, 20, 227	`rgb(114,20,227)`
RGB Percent	44.7, 7.8, 89	`rgb(44.7%,7.8%,89%)`
CMYK	50, 91, 0, 11
HSL	267.2°, 83.8, 48.4	`hsl(267.2,83.8%,48.4%)`
HSV (or HSB)	267.2°, 91.2, 89
Web Safe	6600cc	`#6600cc`

CIE-LAB	37.158, 73.392, -83.726
XYZ	21.052, 9.624, 73.417
xyY	0.202, 0.092, 9.624
CIE-LCH	37.158, 111.34, 311.237
CIE-LUV	37.158, 9.909, -117.746
Hunter-Lab	31.022, 66.847, -118.602
Binary	01110010, 00010100, 11100011

#7214e3
```
#7214e3 rgb(114,20,227)
```
#85e314
```
#85e314 rgb(133,227,20)
```

Complementary Color

#141ee3
```
#141ee3 rgb(20,30,227)
```
#7214e3
```
#7214e3 rgb(114,20,227)
```
#da14e3
```
#da14e3 rgb(218,20,227)
```

Analogous Color

#1ee314
```
#1ee314 rgb(30,227,20)
```
#7214e3
```
#7214e3 rgb(114,20,227)
```
#e3da14
```
#e3da14 rgb(227,218,20)
```

Split Complementary Color

#14e372
```
#14e372 rgb(20,227,114)
```
#7214e3
```
#7214e3 rgb(114,20,227)
```
#e37214
```
#e37214 rgb(227,114,20)
```

Triadic Color

#1485e3
```
#1485e3 rgb(20,133,227)
```
#7214e3
```
#7214e3 rgb(114,20,227)
```
#e37214
```
#e37214 rgb(227,114,20)
```
#85e314
```
#85e314 rgb(133,227,20)
```

Tetradic Color

#4f0e9d
```
#4f0e9d rgb(79,14,157)
```
#5a10b4
```
#5a10b4 rgb(90,16,180)
```
#6612cc
```
#6612cc rgb(102,18,204)
```
#7214e3
```
#7214e3 rgb(114,20,227)
```
#7f25ec
```
#7f25ec rgb(127,37,236)
```
#8d3cee
```
#8d3cee rgb(141,60,238)
```
#9b54f0
```
#9b54f0 rgb(155,84,240)
```

Monochromatic Color

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

#3e14e3
```
#3e14e3 rgb(62,20,227)
```
#4f14e3
```
#4f14e3 rgb(79,20,227)
```
#6114e3
```
#6114e3 rgb(97,20,227)
```
#7214e3
```
#7214e3 rgb(114,20,227)
```
#8314e3
```
#8314e3 rgb(131,20,227)
```
#9514e3
```
#9514e3 rgb(149,20,227)
```
#a614e3
```
#a614e3 rgb(166,20,227)
```

Similar Colors

Text with hexadecimal color #7214e3

This text has a font color of #7214e3.

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

#7214e3 background color

This paragraph has a background color of #7214e3.

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

#7214e3 border color

This element has a border color of #7214e3.

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

CSS codes

.text {color:#7214e3;}

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

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

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

#05010b
```
#05010b rgb(5,1,11)
```
#0e031d
```
#0e031d rgb(14,3,29)
```
#17042f
```
#17042f rgb(23,4,47)
```
#210641
```
#210641 rgb(33,6,65)
```
#2a0753
```
#2a0753 rgb(42,7,83)
```
#330965
```
#330965 rgb(51,9,101)
```
#3c0a77
```
#3c0a77 rgb(60,10,119)
```
#450c89
```
#450c89 rgb(69,12,137)
```
#4e0e9b
```
#4e0e9b rgb(78,14,155)
```
#570fad
```
#570fad rgb(87,15,173)
```
#6011bf
```
#6011bf rgb(96,17,191)
```
#6912d1
```
#6912d1 rgb(105,18,209)
```
#7214e3
```
#7214e3 rgb(114,20,227)
```

Shade Color Variation

#7c1feb
```
#7c1feb rgb(124,31,235)
```
#8731ed
```
#8731ed rgb(135,49,237)
```
#9143ee
```
#9143ee rgb(145,67,238)
```
#9c55f0
```
#9c55f0 rgb(156,85,240)
```
#a667f2
```
#a667f2 rgb(166,103,242)
```
#b179f3
```
#b179f3 rgb(177,121,243)
```
#bb8bf5
```
#bb8bf5 rgb(187,139,245)
```
#c69ef6
```
#c69ef6 rgb(198,158,246)
```
#d0b0f8
```
#d0b0f8 rgb(208,176,248)
```
#dbc2fa
```
#dbc2fa rgb(219,194,250)
```
#e6d4fb
```
#e6d4fb rgb(230,212,251)
```
#f0e6fd
```
#f0e6fd rgb(240,230,253)
```
#fbf8fe
```
#fbf8fe rgb(251,248,254)
```

Tint Color Variation

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

#7b7384
```
#7b7384 rgb(123,115,132)
```
#7a6a8e
```
#7a6a8e rgb(122,106,142)
```
#796097
```
#796097 rgb(121,96,151)
```
#7857a1
```
#7857a1 rgb(120,87,161)
```
#774daa
```
#774daa rgb(119,77,170)
```
#7644b4
```
#7644b4 rgb(118,68,180)
```
#753abd
```
#753abd rgb(117,58,189)
```
#7531c7
```
#7531c7 rgb(117,49,199)
```
#7427d0
```
#7427d0 rgb(116,39,208)
```
#731eda
```
#731eda rgb(115,30,218)
```
#7214e3
```
#7214e3 rgb(114,20,227)
```
#710bed
```
#710bed rgb(113,11,237)
```
#7001f6
```
#7001f6 rgb(112,1,246)
```

Tone Color Variation

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

#005db5 Protanopia 1% of men
#00629d Deuteranopia 1% of men
#4c636b Tritanopia 0.001% of the population

Trichromacy

#2942c5 Protanomaly 1% of men, 0.01% of women
#2946b6 Deuteranomaly 6% of men, 0.4% of women
#594696 Tritanomaly 0.01% of the population

#7214e3 hex color

#7214e3 Color Information

#7214e3 Color Conversion

Color Schemes with #7214e3

Alternatives to #7214e3

#7214e3 Preview

Shades and Tints of #7214e3

Tones of #7214e3

Color Blindness Simulator