#7224a5 hex color

In a RGB color space, hex #7224a5 is composed of 44.7% red, 14.1% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 78.2% magenta, 0% yellow and 35.3% black. It has a hue angle of 276.3 degrees, a saturation of 64.2% and a lightness of 39.4%. #7224a5 color hex could be obtained by blending #e448ff with #00004b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 45
- G 14
- B 65
RGB color chart
- C 31
- M 78
- Y 0
- K 35
CMYK color chart

● #7224a5 color description : Dark violet.

The hexadecimal color #7224a5 has RGB values of R:114, G:36, B:165 and CMYK values of C:0.31, M:0.78, Y:0, K:0.35. Its decimal value is 7480485.

Hex triplet	7224a5	`#7224a5`
RGB Decimal	114, 36, 165	`rgb(114,36,165)`
RGB Percent	44.7, 14.1, 64.7	`rgb(44.7%,14.1%,64.7%)`
CMYK	31, 78, 0, 35
HSL	276.3°, 64.2, 39.4	`hsl(276.3,64.2%,39.4%)`
HSV (or HSB)	276.3°, 78.2, 64.7
Web Safe	663399	`#663399`

CIE-LAB	33.041, 54.925, -54.123
XYZ	14.361, 7.556, 36.297
xyY	0.247, 0.13, 7.556
CIE-LCH	33.041, 77.111, 315.422
CIE-LUV	33.041, 19.309, -77.703
Hunter-Lab	27.488, 45.15, -59.048
Binary	01110010, 00100100, 10100101

#7224a5
```
#7224a5 rgb(114,36,165)
```
#57a524
```
#57a524 rgb(87,165,36)
```

Complementary Color

#3224a5
```
#3224a5 rgb(50,36,165)
```
#7224a5
```
#7224a5 rgb(114,36,165)
```
#a52498
```
#a52498 rgb(165,36,152)
```

Analogous Color

#24a532
```
#24a532 rgb(36,165,50)
```
#7224a5
```
#7224a5 rgb(114,36,165)
```
#98a524
```
#98a524 rgb(152,165,36)
```

Split Complementary Color

#24a572
```
#24a572 rgb(36,165,114)
```
#7224a5
```
#7224a5 rgb(114,36,165)
```
#a57224
```
#a57224 rgb(165,114,36)
```

Triadic Color

#2457a5
```
#2457a5 rgb(36,87,165)
```
#7224a5
```
#7224a5 rgb(114,36,165)
```
#a57224
```
#a57224 rgb(165,114,36)
```
#57a524
```
#57a524 rgb(87,165,36)
```

Tetradic Color

#471666
```
#471666 rgb(71,22,102)
```
#551b7b
```
#551b7b rgb(85,27,123)
```
#641f90
```
#641f90 rgb(100,31,144)
```
#7224a5
```
#7224a5 rgb(114,36,165)
```
#8029ba
```
#8029ba rgb(128,41,186)
```
#8f2dcf
```
#8f2dcf rgb(143,45,207)
```
#9a40d5
```
#9a40d5 rgb(154,64,213)
```

Monochromatic Color

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

#5224a5
```
#5224a5 rgb(82,36,165)
```
#5d24a5
```
#5d24a5 rgb(93,36,165)
```
#6724a5
```
#6724a5 rgb(103,36,165)
```
#7224a5
```
#7224a5 rgb(114,36,165)
```
#7d24a5
```
#7d24a5 rgb(125,36,165)
```
#8824a5
```
#8824a5 rgb(136,36,165)
```
#9224a5
```
#9224a5 rgb(146,36,165)
```

Similar Colors

Text with hexadecimal color #7224a5

This text has a font color of #7224a5.

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

#7224a5 background color

This paragraph has a background color of #7224a5.

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

#7224a5 border color

This element has a border color of #7224a5.

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

CSS codes

.text {color:#7224a5;}

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

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

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

#030104
```
#030104 rgb(3,1,4)
```
#0e0414
```
#0e0414 rgb(14,4,20)
```
#190824
```
#190824 rgb(25,8,36)
```
#240b34
```
#240b34 rgb(36,11,52)
```
#2f0f44
```
#2f0f44 rgb(47,15,68)
```
#3a1254
```
#3a1254 rgb(58,18,84)
```
#451665
```
#451665 rgb(69,22,101)
```
#511975
```
#511975 rgb(81,25,117)
```
#5c1d85
```
#5c1d85 rgb(92,29,133)
```
#672095
```
#672095 rgb(103,32,149)
```
#7224a5
```
#7224a5 rgb(114,36,165)
```
#7d28b5
```
#7d28b5 rgb(125,40,181)
```
#882bc5
```
#882bc5 rgb(136,43,197)
```

Shade Color Variation

#9332d2
```
#9332d2 rgb(147,50,210)
```
#9b42d6
```
#9b42d6 rgb(155,66,214)
```
#a452d9
```
#a452d9 rgb(164,82,217)
```
#ac62dd
```
#ac62dd rgb(172,98,221)
```
#b572e0
```
#b572e0 rgb(181,114,224)
```
#bd82e4
```
#bd82e4 rgb(189,130,228)
```
#c692e7
```
#c692e7 rgb(198,146,231)
```
#cea2eb
```
#cea2eb rgb(206,162,235)
```
#d7b2ee
```
#d7b2ee rgb(215,178,238)
```
#dfc3f2
```
#dfc3f2 rgb(223,195,242)
```
#e8d3f5
```
#e8d3f5 rgb(232,211,245)
```
#f0e3f9
```
#f0e3f9 rgb(240,227,249)
```
#f9f3fc
```
#f9f3fc rgb(249,243,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656267 is the less saturated color, while #7805c4 is the most saturated one.

#656267
```
#656267 rgb(101,98,103)
```
#675a6f
```
#675a6f rgb(103,90,111)
```
#685277
```
#685277 rgb(104,82,119)
```
#6a4b7e
```
#6a4b7e rgb(106,75,126)
```
#6c4386
```
#6c4386 rgb(108,67,134)
```
#6d3b8e
```
#6d3b8e rgb(109,59,142)
```
#6f3396
```
#6f3396 rgb(111,51,150)
```
#702c9d
```
#702c9d rgb(112,44,157)
```
#7224a5
```
#7224a5 rgb(114,36,165)
```
#741cad
```
#741cad rgb(116,28,173)
```
#7515b4
```
#7515b4 rgb(117,21,180)
```
#770dbc
```
#770dbc rgb(119,13,188)
```
#7805c4
```
#7805c4 rgb(120,5,196)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#52425c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#005891 Deuteranopia 1% of men
#675156 Tritanopia 0.001% of the population

Trichromacy

#2942a4 Protanomaly 1% of men, 0.01% of women
#294598 Deuteranomaly 6% of men, 0.4% of women
#6b4073 Tritanomaly 0.01% of the population

#7224a5 hex color

#7224a5 Color Information

#7224a5 Color Conversion

Color Schemes with #7224a5

Alternatives to #7224a5

#7224a5 Preview

Shades and Tints of #7224a5

Tones of #7224a5

Color Blindness Simulator