#7224ba hex color

In a RGB color space, hex #7224ba is composed of 44.7% red, 14.1% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 38.7% cyan, 80.6% magenta, 0% yellow and 27.1% black. It has a hue angle of 271.2 degrees, a saturation of 67.6% and a lightness of 43.5%. #7224ba color hex could be obtained by blending #e448ff with #000075. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 45
- G 14
- B 73
RGB color chart
- C 39
- M 81
- Y 0
- K 27
CMYK color chart

● #7224ba color description : Strong violet.

The hexadecimal color #7224ba has RGB values of R:114, G:36, B:186 and CMYK values of C:0.39, M:0.81, Y:0, K:0.27. Its decimal value is 7480506.

Hex triplet	7224ba	`#7224ba`
RGB Decimal	114, 36, 186	`rgb(114,36,186)`
RGB Percent	44.7, 14.1, 72.9	`rgb(44.7%,14.1%,72.9%)`
CMYK	39, 81, 0, 27
HSL	271.2°, 67.6, 43.5	`hsl(271.2,67.6%,43.5%)`
HSV (or HSB)	271.2°, 80.6, 72.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.771, 59.698, -63.833
XYZ	16.432, 8.384, 47.204
xyY	0.228, 0.116, 8.384
CIE-LCH	34.771, 87.398, 313.083
CIE-LUV	34.771, 15.255, -91.515
Hunter-Lab	28.956, 50.622, -76.386
Binary	01110010, 00100100, 10111010

#7224ba
```
#7224ba rgb(114,36,186)
```
#6cba24
```
#6cba24 rgb(108,186,36)
```

Complementary Color

#2724ba
```
#2724ba rgb(39,36,186)
```
#7224ba
```
#7224ba rgb(114,36,186)
```
#ba24b7
```
#ba24b7 rgb(186,36,183)
```

Analogous Color

#24ba27
```
#24ba27 rgb(36,186,39)
```
#7224ba
```
#7224ba rgb(114,36,186)
```
#b7ba24
```
#b7ba24 rgb(183,186,36)
```

Split Complementary Color

#24ba72
```
#24ba72 rgb(36,186,114)
```
#7224ba
```
#7224ba rgb(114,36,186)
```
#ba7224
```
#ba7224 rgb(186,114,36)
```

Triadic Color

#246cba
```
#246cba rgb(36,108,186)
```
#7224ba
```
#7224ba rgb(114,36,186)
```
#ba7224
```
#ba7224 rgb(186,114,36)
```
#6cba24
```
#6cba24 rgb(108,186,36)
```

Tetradic Color

#4b187a
```
#4b187a rgb(75,24,122)
```
#581c8f
```
#581c8f rgb(88,28,143)
```
#6520a5
```
#6520a5 rgb(101,32,165)
```
#7224ba
```
#7224ba rgb(114,36,186)
```
#7f28cf
```
#7f28cf rgb(127,40,207)
```
#8c38d9
```
#8c38d9 rgb(140,56,217)
```
#984edd
```
#984edd rgb(152,78,221)
```

Monochromatic Color

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

#4c24ba
```
#4c24ba rgb(76,36,186)
```
#5924ba
```
#5924ba rgb(89,36,186)
```
#6624ba
```
#6624ba rgb(102,36,186)
```
#7224ba
```
#7224ba rgb(114,36,186)
```
#7f24ba
```
#7f24ba rgb(127,36,186)
```
#8b24ba
```
#8b24ba rgb(139,36,186)
```
#9824ba
```
#9824ba rgb(152,36,186)
```

Similar Colors

Text with hexadecimal color #7224ba

This text has a font color of #7224ba.

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

#7224ba background color

This paragraph has a background color of #7224ba.

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

#7224ba border color

This element has a border color of #7224ba.

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

CSS codes

.text {color:#7224ba;}

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

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

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 #f8f4fd is the lightest one.

#030105
```
#030105 rgb(3,1,5)
```
#0d0416
```
#0d0416 rgb(13,4,22)
```
#170726
```
#170726 rgb(23,7,38)
```
#210b37
```
#210b37 rgb(33,11,55)
```
#2b0e47
```
#2b0e47 rgb(43,14,71)
```
#361157
```
#361157 rgb(54,17,87)
```
#401468
```
#401468 rgb(64,20,104)
```
#4a1778
```
#4a1778 rgb(74,23,120)
```
#541a89
```
#541a89 rgb(84,26,137)
```
#5e1e99
```
#5e1e99 rgb(94,30,153)
```
#6821aa
```
#6821aa rgb(104,33,170)
```
#7224ba
```
#7224ba rgb(114,36,186)
```
#7c27ca
```
#7c27ca rgb(124,39,202)
```

Shade Color Variation

#862fd7
```
#862fd7 rgb(134,47,215)
```
#903fda
```
#903fda rgb(144,63,218)
```
#994fdd
```
#994fdd rgb(153,79,221)
```
#a360e0
```
#a360e0 rgb(163,96,224)
```
#ac70e3
```
#ac70e3 rgb(172,112,227)
```
#b681e7
```
#b681e7 rgb(182,129,231)
```
#bf91ea
```
#bf91ea rgb(191,145,234)
```
#c9a2ed
```
#c9a2ed rgb(201,162,237)
```
#d2b2f0
```
#d2b2f0 rgb(210,178,240)
```
#dcc2f3
```
#dcc2f3 rgb(220,194,243)
```
#e5d3f6
```
#e5d3f6 rgb(229,211,246)
```
#efe3fa
```
#efe3fa rgb(239,227,250)
```
#f8f4fd
```
#f8f4fd rgb(248,244,253)
```

Tint Color Variation

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

#6f6876
```
#6f6876 rgb(111,104,118)
```
#70607e
```
#70607e rgb(112,96,126)
```
#705787
```
#705787 rgb(112,87,135)
```
#704f8f
```
#704f8f rgb(112,79,143)
```
#714698
```
#714698 rgb(113,70,152)
```
#713ea0
```
#713ea0 rgb(113,62,160)
```
#7135a9
```
#7135a9 rgb(113,53,169)
```
#722db1
```
#722db1 rgb(114,45,177)
```
#7224ba
```
#7224ba rgb(114,36,186)
```
#721bc3
```
#721bc3 rgb(114,27,195)
```
#7313cb
```
#7313cb rgb(115,19,203)
```
#730ad4
```
#730ad4 rgb(115,10,212)
```
#7302dc
```
#7302dc rgb(115,2,220)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#544462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005c96 Deuteranopia 1% of men
#60585e Tritanopia 0.001% of the population

Trichromacy

#2945b0 Protanomaly 1% of men, 0.01% of women
#2948a3 Deuteranomaly 6% of men, 0.4% of women
#67457f Tritanomaly 0.01% of the population

#7224ba hex color

#7224ba Color Information

#7224ba Color Conversion

Color Schemes with #7224ba

Alternatives to #7224ba

#7224ba Preview

Shades and Tints of #7224ba

Tones of #7224ba

Color Blindness Simulator