#7224e1 hex color

In a RGB color space, hex #7224e1 is composed of 44.7% red, 14.1% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 49.3% cyan, 84% magenta, 0% yellow and 11.8% black. It has a hue angle of 264.8 degrees, a saturation of 75.9% and a lightness of 51.2%. #7224e1 color hex could be obtained by blending #e448ff with #0000c3. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 45
- G 14
- B 88
RGB color chart
- C 49
- M 84
- Y 0
- K 12
CMYK color chart

● #7224e1 color description : Bright violet.

The hexadecimal color #7224e1 has RGB values of R:114, G:36, B:225 and CMYK values of C:0.49, M:0.84, Y:0, K:0.12. Its decimal value is 7480545.

Hex triplet	7224e1	`#7224e1`
RGB Decimal	114, 36, 225	`rgb(114,36,225)`
RGB Percent	44.7, 14.1, 88.2	`rgb(44.7%,14.1%,88.2%)`
CMYK	49, 84, 0, 12
HSL	264.8°, 75.9, 51.2	`hsl(264.8,75.9%,51.2%)`
HSV (or HSB)	264.8°, 84, 88.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.332, 68.841, -80.646
XYZ	21.159, 10.275, 72.099
xyY	0.204, 0.099, 10.275
CIE-LCH	38.332, 106.033, 310.485
CIE-LUV	38.332, 9.116, -115.696
Hunter-Lab	32.055, 61.727, -110.918
Binary	01110010, 00100100, 11100001

#7224e1
```
#7224e1 rgb(114,36,225)
```
#93e124
```
#93e124 rgb(147,225,36)
```

Complementary Color

#2435e1
```
#2435e1 rgb(36,53,225)
```
#7224e1
```
#7224e1 rgb(114,36,225)
```
#d124e1
```
#d124e1 rgb(209,36,225)
```

Analogous Color

#35e124
```
#35e124 rgb(53,225,36)
```
#7224e1
```
#7224e1 rgb(114,36,225)
```
#e1d124
```
#e1d124 rgb(225,209,36)
```

Split Complementary Color

#24e172
```
#24e172 rgb(36,225,114)
```
#7224e1
```
#7224e1 rgb(114,36,225)
```
#e17224
```
#e17224 rgb(225,114,36)
```

Triadic Color

#2493e1
```
#2493e1 rgb(36,147,225)
```
#7224e1
```
#7224e1 rgb(114,36,225)
```
#e17224
```
#e17224 rgb(225,114,36)
```
#93e124
```
#93e124 rgb(147,225,36)
```

Tetradic Color

#5016a2
```
#5016a2 rgb(80,22,162)
```
#5b19b9
```
#5b19b9 rgb(91,25,185)
```
#661ccf
```
#661ccf rgb(102,28,207)
```
#7224e1
```
#7224e1 rgb(114,36,225)
```
#803ae4
```
#803ae4 rgb(128,58,228)
```
#8f51e7
```
#8f51e7 rgb(143,81,231)
```
#9d67ea
```
#9d67ea rgb(157,103,234)
```

Monochromatic Color

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

#4324e1
```
#4324e1 rgb(67,36,225)
```
#5324e1
```
#5324e1 rgb(83,36,225)
```
#6224e1
```
#6224e1 rgb(98,36,225)
```
#7224e1
```
#7224e1 rgb(114,36,225)
```
#8224e1
```
#8224e1 rgb(130,36,225)
```
#9224e1
```
#9224e1 rgb(146,36,225)
```
#a124e1
```
#a124e1 rgb(161,36,225)
```

Similar Colors

Text with hexadecimal color #7224e1

This text has a font color of #7224e1.

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

#7224e1 background color

This paragraph has a background color of #7224e1.

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

#7224e1 border color

This element has a border color of #7224e1.

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

CSS codes

.text {color:#7224e1;}

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

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

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

#030105
```
#030105 rgb(3,1,5)
```
#0b0317
```
#0b0317 rgb(11,3,23)
```
#140528
```
#140528 rgb(20,5,40)
```
#1c0839
```
#1c0839 rgb(28,8,57)
```
#250a4a
```
#250a4a rgb(37,10,74)
```
#2d0d5c
```
#2d0d5c rgb(45,13,92)
```
#360f6d
```
#360f6d rgb(54,15,109)
```
#3e117e
```
#3e117e rgb(62,17,126)
```
#47148f
```
#47148f rgb(71,20,143)
```
#4f16a1
```
#4f16a1 rgb(79,22,161)
```
#5818b2
```
#5818b2 rgb(88,24,178)
```
#601bc3
```
#601bc3 rgb(96,27,195)
```
#691dd4
```
#691dd4 rgb(105,29,212)
```

Shade Color Variation

#7224e1
```
#7224e1 rgb(114,36,225)
```
#7d35e3
```
#7d35e3 rgb(125,53,227)
```
#8847e6
```
#8847e6 rgb(136,71,230)
```
#9358e8
```
#9358e8 rgb(147,88,232)
```
#9e69ea
```
#9e69ea rgb(158,105,234)
```
#aa7aed
```
#aa7aed rgb(170,122,237)
```
#b58cef
```
#b58cef rgb(181,140,239)
```
#c09df2
```
#c09df2 rgb(192,157,242)
```
#cbaef4
```
#cbaef4 rgb(203,174,244)
```
#d6bff6
```
#d6bff6 rgb(214,191,246)
```
#e1d1f9
```
#e1d1f9 rgb(225,209,249)
```
#ece2fb
```
#ece2fb rgb(236,226,251)
```
#f7f3fd
```
#f7f3fd rgb(247,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #817a8b is the less saturated color, while #6d07fe is the most saturated one.

#817a8b
```
#817a8b rgb(129,122,139)
```
#7f7194
```
#7f7194 rgb(127,113,148)
```
#7e679e
```
#7e679e rgb(126,103,158)
```
#7c5da8
```
#7c5da8 rgb(124,93,168)
```
#7a54b1
```
#7a54b1 rgb(122,84,177)
```
#794abb
```
#794abb rgb(121,74,187)
```
#7741c4
```
#7741c4 rgb(119,65,196)
```
#7537ce
```
#7537ce rgb(117,55,206)
```
#742ed7
```
#742ed7 rgb(116,46,215)
```
#7224e1
```
#7224e1 rgb(114,36,225)
```
#701aeb
```
#701aeb rgb(112,26,235)
```
#6f11f4
```
#6f11f4 rgb(111,17,244)
```
#6d07fe
```
#6d07fe rgb(109,7,254)
```

Tone Color Variation

Below, you can see how #7224e1 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

#515151 Achromatopsia 0.005% of the population
#58486e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060ba Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#4e666e Tritanopia 0.001% of the population

Trichromacy

#294ac8 Protanomaly 1% of men, 0.01% of women
#294db9 Deuteranomaly 6% of men, 0.4% of women
#5b4e97 Tritanomaly 0.01% of the population

#7224e1 hex color

#7224e1 Color Information

#7224e1 Color Conversion

Color Schemes with #7224e1

Alternatives to #7224e1

#7224e1 Preview

Shades and Tints of #7224e1

Tones of #7224e1

Color Blindness Simulator