#7224fe hex color

In a RGB color space, hex #7224fe is composed of 44.7% red, 14.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 85.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 261.5 degrees, a saturation of 99.1% and a lightness of 56.9%. #7224fe color hex could be obtained by blending #e448ff with #0000fd. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 45
- G 14
- B 100
RGB color chart
- C 55
- M 86
- Y 0
- K 0
CMYK color chart

● #7224fe color description : Vivid violet.

The hexadecimal color #7224fe has RGB values of R:114, G:36, B:254 and CMYK values of C:0.55, M:0.86, Y:0, K:0. Its decimal value is 7480574.

Hex triplet	7224fe	`#7224fe`
RGB Decimal	114, 36, 254	`rgb(114,36,254)`
RGB Percent	44.7, 14.1, 99.6	`rgb(44.7%,14.1%,99.6%)`
CMYK	55, 86, 0, 0
HSL	261.5°, 99.1, 56.9	`hsl(261.5,99.1%,56.9%)`
HSV (or HSB)	261.5°, 85.8, 99.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.207, 75.715, -92.299
XYZ	25.456, 11.994, 94.734
xyY	0.193, 0.091, 11.994
CIE-LCH	41.207, 119.381, 309.363
CIE-LUV	41.207, 5.437, -132.766
Hunter-Lab	34.633, 70.597, -137.938
Binary	01110010, 00100100, 11111110

#7224fe
```
#7224fe rgb(114,36,254)
```
#b0fe24
```
#b0fe24 rgb(176,254,36)
```

Complementary Color

#2443fe
```
#2443fe rgb(36,67,254)
```
#7224fe
```
#7224fe rgb(114,36,254)
```
#df24fe
```
#df24fe rgb(223,36,254)
```

Analogous Color

#43fe24
```
#43fe24 rgb(67,254,36)
```
#7224fe
```
#7224fe rgb(114,36,254)
```
#fedf24
```
#fedf24 rgb(254,223,36)
```

Split Complementary Color

#24fe72
```
#24fe72 rgb(36,254,114)
```
#7224fe
```
#7224fe rgb(114,36,254)
```
#fe7224
```
#fe7224 rgb(254,114,36)
```

Triadic Color

#24b0fe
```
#24b0fe rgb(36,176,254)
```
#7224fe
```
#7224fe rgb(114,36,254)
```
#fe7224
```
#fe7224 rgb(254,114,36)
```
#b0fe24
```
#b0fe24 rgb(176,254,36)
```

Tetradic Color

#4d01d5
```
#4d01d5 rgb(77,1,213)
```
#5601ee
```
#5601ee rgb(86,1,238)
```
#620bfe
```
#620bfe rgb(98,11,254)
```
#7224fe
```
#7224fe rgb(114,36,254)
```
#823dfe
```
#823dfe rgb(130,61,254)
```
#9357fe
```
#9357fe rgb(147,87,254)
```
#a370fe
```
#a370fe rgb(163,112,254)
```

Monochromatic Color

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

#3c24fe
```
#3c24fe rgb(60,36,254)
```
#4e24fe
```
#4e24fe rgb(78,36,254)
```
#6024fe
```
#6024fe rgb(96,36,254)
```
#7224fe
```
#7224fe rgb(114,36,254)
```
#8424fe
```
#8424fe rgb(132,36,254)
```
#9624fe
```
#9624fe rgb(150,36,254)
```
#a924fe
```
#a924fe rgb(169,36,254)
```

Similar Colors

Text with hexadecimal color #7224fe

This text has a font color of #7224fe.

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

#7224fe background color

This paragraph has a background color of #7224fe.

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

#7224fe border color

This element has a border color of #7224fe.

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

CSS codes

.text {color:#7224fe;}

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

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

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, #06000f is the darkest color, while #fcfbff is the lightest one.

#06000f
```
#06000f rgb(6,0,15)
```
#0d0023
```
#0d0023 rgb(13,0,35)
```
#140036
```
#140036 rgb(20,0,54)
```
#1b004a
```
#1b004a rgb(27,0,74)
```
#22005d
```
#22005d rgb(34,0,93)
```
#290171
```
#290171 rgb(41,1,113)
```
#300184
```
#300184 rgb(48,1,132)
```
#370198
```
#370198 rgb(55,1,152)
```
#3e01ac
```
#3e01ac rgb(62,1,172)
```
#4501bf
```
#4501bf rgb(69,1,191)
```
#4c01d3
```
#4c01d3 rgb(76,1,211)
```
#5301e6
```
#5301e6 rgb(83,1,230)
```
#5a01fa
```
#5a01fa rgb(90,1,250)
```

Shade Color Variation

#6510fe
```
#6510fe rgb(101,16,254)
```
#7224fe
```
#7224fe rgb(114,36,254)
```
#7f38fe
```
#7f38fe rgb(127,56,254)
```
#8b4bfe
```
#8b4bfe rgb(139,75,254)
```
#985ffe
```
#985ffe rgb(152,95,254)
```
#a472fe
```
#a472fe rgb(164,114,254)
```
#b186fe
```
#b186fe rgb(177,134,254)
```
#bd99ff
```
#bd99ff rgb(189,153,255)
```
#caadff
```
#caadff rgb(202,173,255)
```
#d7c0ff
```
#d7c0ff rgb(215,192,255)
```
#e3d4ff
```
#e3d4ff rgb(227,212,255)
```
#f0e7ff
```
#f0e7ff rgb(240,231,255)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8a98 is the less saturated color, while #7224fe is the most saturated one.

#8f8a98
```
#8f8a98 rgb(143,138,152)
```
#8c81a1
```
#8c81a1 rgb(140,129,161)
```
#8a79a9
```
#8a79a9 rgb(138,121,169)
```
#8870b2
```
#8870b2 rgb(136,112,178)
```
#8568ba
```
#8568ba rgb(133,104,186)
```
#835fc3
```
#835fc3 rgb(131,95,195)
```
#8057cb
```
#8057cb rgb(128,87,203)
```
#7e4ed4
```
#7e4ed4 rgb(126,78,212)
```
#7c46dc
```
#7c46dc rgb(124,70,220)
```
#793de5
```
#793de5 rgb(121,61,229)
```
#7735ed
```
#7735ed rgb(119,53,237)
```
#742cf6
```
#742cf6 rgb(116,44,246)
```
#7224fe
```
#7224fe rgb(114,36,254)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#5a4a76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#357179 Tritanopia 0.001% of the population

Trichromacy

#294eda Protanomaly 1% of men, 0.01% of women
#2952ca Deuteranomaly 6% of men, 0.4% of women
#4b55a9 Tritanomaly 0.01% of the population

#7224fe hex color

#7224fe Color Information

#7224fe Color Conversion

Color Schemes with #7224fe

Alternatives to #7224fe

#7224fe Preview

Shades and Tints of #7224fe

Tones of #7224fe

Color Blindness Simulator