#7228a5 hex color

In a RGB color space, hex #7228a5 is composed of 44.7% red, 15.7% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 75.8% magenta, 0% yellow and 35.3% black. It has a hue angle of 275.5 degrees, a saturation of 61% and a lightness of 40.2%. #7228a5 color hex could be obtained by blending #e450ff with #00004b. Closest websafe color is: #663399.

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

● #7228a5 color description : Dark violet.

The hexadecimal color #7228a5 has RGB values of R:114, G:40, B:165 and CMYK values of C:0.31, M:0.76, Y:0, K:0.35. Its decimal value is 7481509.

Hex triplet	7228a5	`#7228a5`
RGB Decimal	114, 40, 165	`rgb(114,40,165)`
RGB Percent	44.7, 15.7, 64.7	`rgb(44.7%,15.7%,64.7%)`
CMYK	31, 76, 0, 35
HSL	275.5°, 61, 40.2	`hsl(275.5,61%,40.2%)`
HSV (or HSB)	275.5°, 75.8, 64.7
Web Safe	663399	`#663399`

CIE-LAB	33.588, 53.354, -53.234
XYZ	14.489, 7.812, 36.34
xyY	0.247, 0.133, 7.812
CIE-LCH	33.588, 75.369, 315.065
CIE-LUV	33.588, 18.754, -76.948
Hunter-Lab	27.95, 43.62, -57.523
Binary	01110010, 00101000, 10100101

#7228a5
```
#7228a5 rgb(114,40,165)
```
#5ba528
```
#5ba528 rgb(91,165,40)
```

Complementary Color

#3428a5
```
#3428a5 rgb(52,40,165)
```
#7228a5
```
#7228a5 rgb(114,40,165)
```
#a5289a
```
#a5289a rgb(165,40,154)
```

Analogous Color

#28a534
```
#28a534 rgb(40,165,52)
```
#7228a5
```
#7228a5 rgb(114,40,165)
```
#9aa528
```
#9aa528 rgb(154,165,40)
```

Split Complementary Color

#28a572
```
#28a572 rgb(40,165,114)
```
#7228a5
```
#7228a5 rgb(114,40,165)
```
#a57228
```
#a57228 rgb(165,114,40)
```

Triadic Color

#285ba5
```
#285ba5 rgb(40,91,165)
```
#7228a5
```
#7228a5 rgb(114,40,165)
```
#a57228
```
#a57228 rgb(165,114,40)
```
#5ba528
```
#5ba528 rgb(91,165,40)
```

Tetradic Color

#471967
```
#471967 rgb(71,25,103)
```
#561e7c
```
#561e7c rgb(86,30,124)
```
#642390
```
#642390 rgb(100,35,144)
```
#7228a5
```
#7228a5 rgb(114,40,165)
```
#802dba
```
#802dba rgb(128,45,186)
```
#8e33cd
```
#8e33cd rgb(142,51,205)
```
#9a47d2
```
#9a47d2 rgb(154,71,210)
```

Monochromatic Color

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

#5328a5
```
#5328a5 rgb(83,40,165)
```
#5d28a5
```
#5d28a5 rgb(93,40,165)
```
#6828a5
```
#6828a5 rgb(104,40,165)
```
#7228a5
```
#7228a5 rgb(114,40,165)
```
#7c28a5
```
#7c28a5 rgb(124,40,165)
```
#8728a5
```
#8728a5 rgb(135,40,165)
```
#9128a5
```
#9128a5 rgb(145,40,165)
```

Similar Colors

Text with hexadecimal color #7228a5

This text has a font color of #7228a5.

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

#7228a5 background color

This paragraph has a background color of #7228a5.

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

#7228a5 border color

This element has a border color of #7228a5.

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

CSS codes

.text {color:#7228a5;}

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

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

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

#050207
```
#050207 rgb(5,2,7)
```
#100617
```
#100617 rgb(16,6,23)
```
#1b0927
```
#1b0927 rgb(27,9,39)
```
#260d36
```
#260d36 rgb(38,13,54)
```
#311146
```
#311146 rgb(49,17,70)
```
#3b1556
```
#3b1556 rgb(59,21,86)
```
#461966
```
#461966 rgb(70,25,102)
```
#511d76
```
#511d76 rgb(81,29,118)
```
#5c2085
```
#5c2085 rgb(92,32,133)
```
#672495
```
#672495 rgb(103,36,149)
```
#7228a5
```
#7228a5 rgb(114,40,165)
```
#7d2cb5
```
#7d2cb5 rgb(125,44,181)
```
#8830c5
```
#8830c5 rgb(136,48,197)
```

Shade Color Variation

#9239cf
```
#9239cf rgb(146,57,207)
```
#9a49d3
```
#9a49d3 rgb(154,73,211)
```
#a358d7
```
#a358d7 rgb(163,88,215)
```
#ac68da
```
#ac68da rgb(172,104,218)
```
#b578de
```
#b578de rgb(181,120,222)
```
#bd88e2
```
#bd88e2 rgb(189,136,226)
```
#c698e6
```
#c698e6 rgb(198,152,230)
```
#cfa7ea
```
#cfa7ea rgb(207,167,234)
```
#d7b7ee
```
#d7b7ee rgb(215,183,238)
```
#e0c7f1
```
#e0c7f1 rgb(224,199,241)
```
#e9d7f5
```
#e9d7f5 rgb(233,215,245)
```
#f2e7f9
```
#f2e7f9 rgb(242,231,249)
```
#faf6fd
```
#faf6fd rgb(250,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #685f6e is the less saturated color, while #7901cc is the most saturated one.

#685f6e
```
#685f6e rgb(104,95,110)
```
#695776
```
#695776 rgb(105,87,118)
```
#6b4f7e
```
#6b4f7e rgb(107,79,126)
```
#6c4885
```
#6c4885 rgb(108,72,133)
```
#6e408d
```
#6e408d rgb(110,64,141)
```
#6f3895
```
#6f3895 rgb(111,56,149)
```
#71309d
```
#71309d rgb(113,48,157)
```
#7228a5
```
#7228a5 rgb(114,40,165)
```
#7320ad
```
#7320ad rgb(115,32,173)
```
#7518b5
```
#7518b5 rgb(117,24,181)
```
#7610bd
```
#7610bd rgb(118,16,189)
```
#7808c5
```
#7808c5 rgb(120,8,197)
```
#7901cc
```
#7901cc rgb(121,1,204)
```

Tone Color Variation

Below, you can see how #7228a5 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
#54455e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005994 Deuteranopia 1% of men
#675258 Tritanopia 0.001% of the population

Trichromacy

#2944a6 Protanomaly 1% of men, 0.01% of women
#29479a Deuteranomaly 6% of men, 0.4% of women
#6b4374 Tritanomaly 0.01% of the population

#7228a5 hex color

#7228a5 Color Information

#7228a5 Color Conversion

Color Schemes with #7228a5

Alternatives to #7228a5

#7228a5 Preview

Shades and Tints of #7228a5

Tones of #7228a5

Color Blindness Simulator