#7224fd hex color

In a RGB color space, hex #7224fd is composed of 44.7% red, 14.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 85.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 261.6 degrees, a saturation of 98.2% and a lightness of 56.7%. #7224fd color hex could be obtained by blending #e448ff with #0000fb. Closest websafe color is: #6633ff.

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

● #7224fd color description : Vivid violet.

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

Hex triplet	7224fd	`#7224fd`
RGB Decimal	114, 36, 253	`rgb(114,36,253)`
RGB Percent	44.7, 14.1, 99.2	`rgb(44.7%,14.1%,99.2%)`
CMYK	55, 86, 0, 1
HSL	261.6°, 98.2, 56.7	`hsl(261.6,98.2%,56.7%)`
HSV (or HSB)	261.6°, 85.8, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.105, 75.478, -91.908
XYZ	25.297, 11.93, 93.893
xyY	0.193, 0.091, 11.93
CIE-LCH	41.105, 118.928, 309.394
CIE-LUV	41.105, 5.554, -132.188
Hunter-Lab	34.541, 70.284, -136.992
Binary	01110010, 00100100, 11111101

#7224fd
```
#7224fd rgb(114,36,253)
```
#affd24
```
#affd24 rgb(175,253,36)
```

Complementary Color

#2443fd
```
#2443fd rgb(36,67,253)
```
#7224fd
```
#7224fd rgb(114,36,253)
```
#df24fd
```
#df24fd rgb(223,36,253)
```

Analogous Color

#43fd24
```
#43fd24 rgb(67,253,36)
```
#7224fd
```
#7224fd rgb(114,36,253)
```
#fddf24
```
#fddf24 rgb(253,223,36)
```

Split Complementary Color

#24fd72
```
#24fd72 rgb(36,253,114)
```
#7224fd
```
#7224fd rgb(114,36,253)
```
#fd7224
```
#fd7224 rgb(253,114,36)
```

Triadic Color

#24affd
```
#24affd rgb(36,175,253)
```
#7224fd
```
#7224fd rgb(114,36,253)
```
#fd7224
```
#fd7224 rgb(253,114,36)
```
#affd24
```
#affd24 rgb(175,253,36)
```

Tetradic Color

#4d02d3
```
#4d02d3 rgb(77,2,211)
```
#5602ec
```
#5602ec rgb(86,2,236)
```
#620bfd
```
#620bfd rgb(98,11,253)
```
#7224fd
```
#7224fd rgb(114,36,253)
```
#823dfd
```
#823dfd rgb(130,61,253)
```
#9357fd
```
#9357fd rgb(147,87,253)
```
#a370fe
```
#a370fe rgb(163,112,254)
```

Monochromatic Color

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

#3c24fd
```
#3c24fd rgb(60,36,253)
```
#4e24fd
```
#4e24fd rgb(78,36,253)
```
#6024fd
```
#6024fd rgb(96,36,253)
```
#7224fd
```
#7224fd rgb(114,36,253)
```
#8424fd
```
#8424fd rgb(132,36,253)
```
#9624fd
```
#9624fd rgb(150,36,253)
```
#a824fd
```
#a824fd rgb(168,36,253)
```

Similar Colors

Text with hexadecimal color #7224fd

This text has a font color of #7224fd.

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

#7224fd background color

This paragraph has a background color of #7224fd.

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

#7224fd border color

This element has a border color of #7224fd.

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

CSS codes

.text {color:#7224fd;}

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

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

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, #05000e is the darkest color, while #fcfaff is the lightest one.

#05000e
```
#05000e rgb(5,0,14)
```
#0c0022
```
#0c0022 rgb(12,0,34)
```
#130035
```
#130035 rgb(19,0,53)
```
#1b0149
```
#1b0149 rgb(27,1,73)
```
#22015c
```
#22015c rgb(34,1,92)
```
#29016f
```
#29016f rgb(41,1,111)
```
#300183
```
#300183 rgb(48,1,131)
```
#370196
```
#370196 rgb(55,1,150)
```
#3e02aa
```
#3e02aa rgb(62,2,170)
```
#4502bd
```
#4502bd rgb(69,2,189)
```
#4c02d1
```
#4c02d1 rgb(76,2,209)
```
#5302e4
```
#5302e4 rgb(83,2,228)
```
#5a02f8
```
#5a02f8 rgb(90,2,248)
```

Shade Color Variation

#6511fd
```
#6511fd rgb(101,17,253)
```
#7224fd
```
#7224fd rgb(114,36,253)
```
#7f37fd
```
#7f37fd rgb(127,55,253)
```
#8b4bfd
```
#8b4bfd rgb(139,75,253)
```
#985efe
```
#985efe rgb(152,94,254)
```
#a472fe
```
#a472fe rgb(164,114,254)
```
#b185fe
```
#b185fe rgb(177,133,254)
```
#bd99fe
```
#bd99fe rgb(189,153,254)
```
#caacfe
```
#caacfe rgb(202,172,254)
```
#d6c0fe
```
#d6c0fe rgb(214,192,254)
```
#e3d3ff
```
#e3d3ff rgb(227,211,255)
```
#efe6ff
```
#efe6ff rgb(239,230,255)
```
#fcfaff
```
#fcfaff rgb(252,250,255)
```

Tint Color Variation

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

#8f8a97
```
#8f8a97 rgb(143,138,151)
```
#8c82a0
```
#8c82a0 rgb(140,130,160)
```
#8a79a8
```
#8a79a8 rgb(138,121,168)
```
#8871b1
```
#8871b1 rgb(136,113,177)
```
#8568b9
```
#8568b9 rgb(133,104,185)
```
#8360c2
```
#8360c2 rgb(131,96,194)
```
#8057ca
```
#8057ca rgb(128,87,202)
```
#7e4fd3
```
#7e4fd3 rgb(126,79,211)
```
#7c46db
```
#7c46db rgb(124,70,219)
```
#793ee4
```
#793ee4 rgb(121,62,228)
```
#7735ec
```
#7735ec rgb(119,53,236)
```
#742df5
```
#742df5 rgb(116,45,245)
```
#7224fd
```
#7224fd rgb(114,36,253)
```

Tone Color Variation

Below, you can see how #7224fd 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
#377179 Tritanopia 0.001% of the population

Trichromacy

#294eda Protanomaly 1% of men, 0.01% of women
#2951c9 Deuteranomaly 6% of men, 0.4% of women
#4c55a9 Tritanomaly 0.01% of the population

#7224fd hex color

#7224fd Color Information

#7224fd Color Conversion

Color Schemes with #7224fd

Alternatives to #7224fd

#7224fd Preview

Shades and Tints of #7224fd

Tones of #7224fd

Color Blindness Simulator