#7227aa hex color

In a RGB color space, hex #7227aa is composed of 44.7% red, 15.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 32.9% cyan, 77.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 274.4 degrees, a saturation of 62.7% and a lightness of 41%. #7227aa color hex could be obtained by blending #e44eff with #000055. Closest websafe color is: #663399.

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

● #7227aa color description : Dark violet.

The hexadecimal color #7227aa has RGB values of R:114, G:39, B:170 and CMYK values of C:0.33, M:0.77, Y:0, K:0.33. Its decimal value is 7481258.

Hex triplet	7227aa	`#7227aa`
RGB Decimal	114, 39, 170	`rgb(114,39,170)`
RGB Percent	44.7, 15.3, 66.7	`rgb(44.7%,15.3%,66.7%)`
CMYK	33, 77, 0, 33
HSL	274.4°, 62.7, 41	`hsl(274.4,62.7%,41%)`
HSV (or HSB)	274.4°, 77.1, 66.7
Web Safe	663399	`#663399`

CIE-LAB	33.839, 54.895, -55.831
XYZ	14.92, 7.931, 38.773
xyY	0.242, 0.129, 7.931
CIE-LCH	33.839, 78.298, 314.516
CIE-LUV	33.839, 17.895, -80.525
Hunter-Lab	28.162, 45.281, -61.916
Binary	01110010, 00100111, 10101010

#7227aa
```
#7227aa rgb(114,39,170)
```
#5faa27
```
#5faa27 rgb(95,170,39)
```

Complementary Color

#3127aa
```
#3127aa rgb(49,39,170)
```
#7227aa
```
#7227aa rgb(114,39,170)
```
#aa27a1
```
#aa27a1 rgb(170,39,161)
```

Analogous Color

#27aa31
```
#27aa31 rgb(39,170,49)
```
#7227aa
```
#7227aa rgb(114,39,170)
```
#a1aa27
```
#a1aa27 rgb(161,170,39)
```

Split Complementary Color

#27aa72
```
#27aa72 rgb(39,170,114)
```
#7227aa
```
#7227aa rgb(114,39,170)
```
#aa7227
```
#aa7227 rgb(170,114,39)
```

Triadic Color

#275faa
```
#275faa rgb(39,95,170)
```
#7227aa
```
#7227aa rgb(114,39,170)
```
#aa7227
```
#aa7227 rgb(170,114,39)
```
#5faa27
```
#5faa27 rgb(95,170,39)
```

Tetradic Color

#48196c
```
#48196c rgb(72,25,108)
```
#561d81
```
#561d81 rgb(86,29,129)
```
#642295
```
#642295 rgb(100,34,149)
```
#7227aa
```
#7227aa rgb(114,39,170)
```
#802cbf
```
#802cbf rgb(128,44,191)
```
#8d34d0
```
#8d34d0 rgb(141,52,208)
```
#9948d5
```
#9948d5 rgb(153,72,213)
```

Monochromatic Color

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

#5127aa
```
#5127aa rgb(81,39,170)
```
#5c27aa
```
#5c27aa rgb(92,39,170)
```
#6727aa
```
#6727aa rgb(103,39,170)
```
#7227aa
```
#7227aa rgb(114,39,170)
```
#7d27aa
```
#7d27aa rgb(125,39,170)
```
#8827aa
```
#8827aa rgb(136,39,170)
```
#9327aa
```
#9327aa rgb(147,39,170)
```

Similar Colors

Text with hexadecimal color #7227aa

This text has a font color of #7227aa.

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

#7227aa background color

This paragraph has a background color of #7227aa.

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

#7227aa border color

This element has a border color of #7227aa.

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

CSS codes

.text {color:#7227aa;}

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

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

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, #07020a is the darkest color, while #fcf9fe is the lightest one.

#07020a
```
#07020a rgb(7,2,10)
```
#12061a
```
#12061a rgb(18,6,26)
```
#1c0a2a
```
#1c0a2a rgb(28,10,42)
```
#270d3a
```
#270d3a rgb(39,13,58)
```
#32114a
```
#32114a rgb(50,17,74)
```
#3d155a
```
#3d155a rgb(61,21,90)
```
#47186a
```
#47186a rgb(71,24,106)
```
#521c7a
```
#521c7a rgb(82,28,122)
```
#5d208a
```
#5d208a rgb(93,32,138)
```
#67239a
```
#67239a rgb(103,35,154)
```
#7227aa
```
#7227aa rgb(114,39,170)
```
#7d2bba
```
#7d2bba rgb(125,43,186)
```
#872eca
```
#872eca rgb(135,46,202)
```

Shade Color Variation

#913ad2
```
#913ad2 rgb(145,58,210)
```
#9a4ad5
```
#9a4ad5 rgb(154,74,213)
```
#a35ad9
```
#a35ad9 rgb(163,90,217)
```
#ac6add
```
#ac6add rgb(172,106,221)
```
#b57ae0
```
#b57ae0 rgb(181,122,224)
```
#be8ae4
```
#be8ae4 rgb(190,138,228)
```
#c69ae8
```
#c69ae8 rgb(198,154,232)
```
#cfaaeb
```
#cfaaeb rgb(207,170,235)
```
#d8baef
```
#d8baef rgb(216,186,239)
```
#e1caf3
```
#e1caf3 rgb(225,202,243)
```
#eadaf6
```
#eadaf6 rgb(234,218,246)
```
#f3eafa
```
#f3eafa rgb(243,234,250)
```
#fcf9fe
```
#fcf9fe rgb(252,249,254)
```

Tint Color Variation

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

#69676a
```
#69676a rgb(105,103,106)
```
#6a5f72
```
#6a5f72 rgb(106,95,114)
```
#6b577a
```
#6b577a rgb(107,87,122)
```
#6c4f82
```
#6c4f82 rgb(108,79,130)
```
#6d478a
```
#6d478a rgb(109,71,138)
```
#6f3f92
```
#6f3f92 rgb(111,63,146)
```
#70379a
```
#70379a rgb(112,55,154)
```
#712fa2
```
#712fa2 rgb(113,47,162)
```
#7227aa
```
#7227aa rgb(114,39,170)
```
#731fb2
```
#731fb2 rgb(115,31,178)
```
#7417ba
```
#7417ba rgb(116,23,186)
```
#750fc2
```
#750fc2 rgb(117,15,194)
```
#7707ca
```
#7707ca rgb(119,7,202)
```

Tone Color Variation

Below, you can see how #7227aa 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
#54455f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005a94 Deuteranopia 1% of men
#665359 Tritanopia 0.001% of the population

Trichromacy

#2944a8 Protanomaly 1% of men, 0.01% of women
#29479c Deuteranomaly 6% of men, 0.4% of women
#6a4376 Tritanomaly 0.01% of the population

#7227aa hex color

#7227aa Color Information

#7227aa Color Conversion

Color Schemes with #7227aa

Alternatives to #7227aa

#7227aa Preview

Shades and Tints of #7227aa

Tones of #7227aa

Color Blindness Simulator