#7228aa hex color

In a RGB color space, hex #7228aa is composed of 44.7% red, 15.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 32.9% cyan, 76.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 274.2 degrees, a saturation of 61.9% and a lightness of 41.2%. #7228aa color hex could be obtained by blending #e450ff with #000055. Closest websafe color is: #663399.

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

● #7228aa color description : Dark violet.

The hexadecimal color #7228aa has RGB values of R:114, G:40, B:170 and CMYK values of C:0.33, M:0.76, Y:0, K:0.33. Its decimal value is 7481514.

Hex triplet	7228aa	`#7228aa`
RGB Decimal	114, 40, 170	`rgb(114,40,170)`
RGB Percent	44.7, 15.7, 66.7	`rgb(44.7%,15.7%,66.7%)`
CMYK	33, 76, 0, 33
HSL	274.2°, 61.9, 41.2	`hsl(274.2,61.9%,41.2%)`
HSV (or HSB)	274.2°, 76.5, 66.7
Web Safe	663399	`#663399`

CIE-LAB	33.978, 54.496, -55.605
XYZ	14.953, 7.998, 38.784
xyY	0.242, 0.13, 7.998
CIE-LCH	33.978, 77.857, 314.423
CIE-LUV	33.978, 17.756, -80.337
Hunter-Lab	28.28, 44.891, -61.516
Binary	01110010, 00101000, 10101010

#7228aa
```
#7228aa rgb(114,40,170)
```
#60aa28
```
#60aa28 rgb(96,170,40)
```

Complementary Color

#3128aa
```
#3128aa rgb(49,40,170)
```
#7228aa
```
#7228aa rgb(114,40,170)
```
#aa28a1
```
#aa28a1 rgb(170,40,161)
```

Analogous Color

#28aa31
```
#28aa31 rgb(40,170,49)
```
#7228aa
```
#7228aa rgb(114,40,170)
```
#a1aa28
```
#a1aa28 rgb(161,170,40)
```

Split Complementary Color

#28aa72
```
#28aa72 rgb(40,170,114)
```
#7228aa
```
#7228aa rgb(114,40,170)
```
#aa7228
```
#aa7228 rgb(170,114,40)
```

Triadic Color

#2860aa
```
#2860aa rgb(40,96,170)
```
#7228aa
```
#7228aa rgb(114,40,170)
```
#aa7228
```
#aa7228 rgb(170,114,40)
```
#60aa28
```
#60aa28 rgb(96,170,40)
```

Tetradic Color

#48196c
```
#48196c rgb(72,25,108)
```
#561e81
```
#561e81 rgb(86,30,129)
```
#642395
```
#642395 rgb(100,35,149)
```
#7228aa
```
#7228aa rgb(114,40,170)
```
#802dbf
```
#802dbf rgb(128,45,191)
```
#8d35d0
```
#8d35d0 rgb(141,53,208)
```
#994ad4
```
#994ad4 rgb(153,74,212)
```

Monochromatic Color

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

#5228aa
```
#5228aa rgb(82,40,170)
```
#5c28aa
```
#5c28aa rgb(92,40,170)
```
#6728aa
```
#6728aa rgb(103,40,170)
```
#7228aa
```
#7228aa rgb(114,40,170)
```
#7d28aa
```
#7d28aa rgb(125,40,170)
```
#8828aa
```
#8828aa rgb(136,40,170)
```
#9328aa
```
#9328aa rgb(147,40,170)
```

Similar Colors

Text with hexadecimal color #7228aa

This text has a font color of #7228aa.

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

#7228aa background color

This paragraph has a background color of #7228aa.

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

#7228aa border color

This element has a border color of #7228aa.

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

CSS codes

.text {color:#7228aa;}

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

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

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, #08030b is the darkest color, while #fcfafe is the lightest one.

#08030b
```
#08030b rgb(8,3,11)
```
#12061b
```
#12061b rgb(18,6,27)
```
#1d0a2b
```
#1d0a2b rgb(29,10,43)
```
#270e3b
```
#270e3b rgb(39,14,59)
```
#32124b
```
#32124b rgb(50,18,75)
```
#3d155b
```
#3d155b rgb(61,21,91)
```
#47196a
```
#47196a rgb(71,25,106)
```
#521d7a
```
#521d7a rgb(82,29,122)
```
#5d218a
```
#5d218a rgb(93,33,138)
```
#67249a
```
#67249a rgb(103,36,154)
```
#7228aa
```
#7228aa rgb(114,40,170)
```
#7d2cba
```
#7d2cba rgb(125,44,186)
```
#872fca
```
#872fca rgb(135,47,202)
```

Shade Color Variation

#913cd1
```
#913cd1 rgb(145,60,209)
```
#9a4cd5
```
#9a4cd5 rgb(154,76,213)
```
#a35cd9
```
#a35cd9 rgb(163,92,217)
```
#ac6bdc
```
#ac6bdc rgb(172,107,220)
```
#b57be0
```
#b57be0 rgb(181,123,224)
```
#be8be4
```
#be8be4 rgb(190,139,228)
```
#c79be7
```
#c79be7 rgb(199,155,231)
```
#d0abeb
```
#d0abeb rgb(208,171,235)
```
#d8bbef
```
#d8bbef rgb(216,187,239)
```
#e1cbf3
```
#e1cbf3 rgb(225,203,243)
```
#eadbf6
```
#eadbf6 rgb(234,219,246)
```
#f3eafa
```
#f3eafa rgb(243,234,250)
```
#fcfafe
```
#fcfafe rgb(252,250,254)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#6a6171
```
#6a6171 rgb(106,97,113)
```
#6b587a
```
#6b587a rgb(107,88,122)
```
#6c5082
```
#6c5082 rgb(108,80,130)
```
#6e488a
```
#6e488a rgb(110,72,138)
```
#6f4092
```
#6f4092 rgb(111,64,146)
```
#70389a
```
#70389a rgb(112,56,154)
```
#7130a2
```
#7130a2 rgb(113,48,162)
```
#7228aa
```
#7228aa rgb(114,40,170)
```
#7320b2
```
#7320b2 rgb(115,32,178)
```
#7418ba
```
#7418ba rgb(116,24,186)
```
#7510c2
```
#7510c2 rgb(117,16,194)
```
#7608ca
```
#7608ca rgb(118,8,202)
```

Tone Color Variation

Below, you can see how #7228aa 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

#4d4d4d Achromatopsia 0.005% of the population
#544660 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005a95 Deuteranopia 1% of men
#66545a Tritanopia 0.001% of the population

Trichromacy

#2945a9 Protanomaly 1% of men, 0.01% of women
#29489c Deuteranomaly 6% of men, 0.4% of women
#6a4477 Tritanomaly 0.01% of the population

#7228aa hex color

#7228aa Color Information

#7228aa Color Conversion

Color Schemes with #7228aa

Alternatives to #7228aa

#7228aa Preview

Shades and Tints of #7228aa

Tones of #7228aa

Color Blindness Simulator