#7c02aa hex color

In a RGB color space, hex #7c02aa is composed of 48.6% red, 0.8% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 98.8% magenta, 0% yellow and 33.3% black. It has a hue angle of 283.6 degrees, a saturation of 97.7% and a lightness of 33.7%. #7c02aa color hex could be obtained by blending #f804ff with #000055. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 49
- G 1
- B 67
RGB color chart
- C 27
- M 99
- Y 0
- K 33
CMYK color chart

● #7c02aa color description : Dark violet.

The hexadecimal color #7c02aa has RGB values of R:124, G:2, B:170 and CMYK values of C:0.27, M:0.99, Y:0, K:0.33. Its decimal value is 8127146.

Hex triplet	7c02aa	`#7c02aa`
RGB Decimal	124, 2, 170	`rgb(124,2,170)`
RGB Percent	48.6, 0.8, 66.7	`rgb(48.6%,0.8%,66.7%)`
CMYK	27, 99, 0, 33
HSL	283.6°, 97.7, 33.7	`hsl(283.6,97.7%,33.7%)`
HSV (or HSB)	283.6°, 98.8, 66.7
Web Safe	660099	`#660099`

CIE-LAB	32.328, 65.381, -58.228
XYZ	15.589, 7.231, 38.603
xyY	0.254, 0.118, 7.231
CIE-LCH	32.328, 87.551, 318.312
CIE-LUV	32.328, 26.105, -82.796
Hunter-Lab	26.891, 56.416, -66.288
Binary	01111100, 00000010, 10101010

#7c02aa
```
#7c02aa rgb(124,2,170)
```
#30aa02
```
#30aa02 rgb(48,170,2)
```

Complementary Color

#2802aa
```
#2802aa rgb(40,2,170)
```
#7c02aa
```
#7c02aa rgb(124,2,170)
```
#aa0284
```
#aa0284 rgb(170,2,132)
```

Analogous Color

#02aa28
```
#02aa28 rgb(2,170,40)
```
#7c02aa
```
#7c02aa rgb(124,2,170)
```
#84aa02
```
#84aa02 rgb(132,170,2)
```

Split Complementary Color

#02aa7c
```
#02aa7c rgb(2,170,124)
```
#7c02aa
```
#7c02aa rgb(124,2,170)
```
#aa7c02
```
#aa7c02 rgb(170,124,2)
```

Triadic Color

#0230aa
```
#0230aa rgb(2,48,170)
```
#7c02aa
```
#7c02aa rgb(124,2,170)
```
#aa7c02
```
#aa7c02 rgb(170,124,2)
```
#30aa02
```
#30aa02 rgb(48,170,2)
```

Tetradic Color

#45015e
```
#45015e rgb(69,1,94)
```
#570178
```
#570178 rgb(87,1,120)
```
#6a0291
```
#6a0291 rgb(106,2,145)
```
#7c02aa
```
#7c02aa rgb(124,2,170)
```
#8e02c3
```
#8e02c3 rgb(142,2,195)
```
#a103dc
```
#a103dc rgb(161,3,220)
```
#b303f6
```
#b303f6 rgb(179,3,246)
```

Monochromatic Color

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

#5202aa
```
#5202aa rgb(82,2,170)
```
#6002aa
```
#6002aa rgb(96,2,170)
```
#6e02aa
```
#6e02aa rgb(110,2,170)
```
#7c02aa
```
#7c02aa rgb(124,2,170)
```
#8a02aa
```
#8a02aa rgb(138,2,170)
```
#9802aa
```
#9802aa rgb(152,2,170)
```
#a602aa
```
#a602aa rgb(166,2,170)
```

Similar Colors

Text with hexadecimal color #7c02aa

This text has a font color of #7c02aa.

<span style="color:#7c02aa;">Text here</span>

#7c02aa background color

This paragraph has a background color of #7c02aa.

<p style="background-color:#7c02aa;">Content here</p>

#7c02aa border color

This element has a border color of #7c02aa.

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

CSS codes

.text {color:#7c02aa;}

.background {background-color:#7c02aa;}

.border {border:1px solid #7c02aa;}

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, #0b000f is the darkest color, while #fefbff is the lightest one.

#0b000f
```
#0b000f rgb(11,0,15)
```
#190022
```
#190022 rgb(25,0,34)
```
#270136
```
#270136 rgb(39,1,54)
```
#350149
```
#350149 rgb(53,1,73)
```
#43015c
```
#43015c rgb(67,1,92)
```
#520170
```
#520170 rgb(82,1,112)
```
#600283
```
#600283 rgb(96,2,131)
```
#6e0297
```
#6e0297 rgb(110,2,151)
```
#7c02aa
```
#7c02aa rgb(124,2,170)
```
#8a02bd
```
#8a02bd rgb(138,2,189)
```
#9802d1
```
#9802d1 rgb(152,2,209)
```
#a603e4
```
#a603e4 rgb(166,3,228)
```
#b503f8
```
#b503f8 rgb(181,3,248)
```

Shade Color Variation

#bc12fc
```
#bc12fc rgb(188,18,252)
```
#c225fc
```
#c225fc rgb(194,37,252)
```
#c739fd
```
#c739fd rgb(199,57,253)
```
#cc4cfd
```
#cc4cfd rgb(204,76,253)
```
#d25ffd
```
#d25ffd rgb(210,95,253)
```
#d773fd
```
#d773fd rgb(215,115,253)
```
#dd86fe
```
#dd86fe rgb(221,134,254)
```
#e29afe
```
#e29afe rgb(226,154,254)
```
#e8adfe
```
#e8adfe rgb(232,173,254)
```
#edc0fe
```
#edc0fe rgb(237,192,254)
```
#f3d4fe
```
#f3d4fe rgb(243,212,254)
```
#f8e7ff
```
#f8e7ff rgb(248,231,255)
```
#fefbff
```
#fefbff rgb(254,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #58515b is the less saturated color, while #7c02aa is the most saturated one.

#58515b
```
#58515b rgb(88,81,91)
```
#5b4b61
```
#5b4b61 rgb(91,75,97)
```
#5e4468
```
#5e4468 rgb(94,68,104)
```
#613e6e
```
#613e6e rgb(97,62,110)
```
#643775
```
#643775 rgb(100,55,117)
```
#67307c
```
#67307c rgb(103,48,124)
```
#6a2a82
```
#6a2a82 rgb(106,42,130)
```
#6d2389
```
#6d2389 rgb(109,35,137)
```
#701c90
```
#701c90 rgb(112,28,144)
```
#731696
```
#731696 rgb(115,22,150)
```
#760f9d
```
#760f9d rgb(118,15,157)
```
#7909a3
```
#7909a3 rgb(121,9,163)
```
#7c02aa
```
#7c02aa rgb(124,2,170)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#472f50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a1 Protanopia 1% of men
#00578e Deuteranopia 1% of men
#704a4f Tritanopia 0.001% of the population

Trichromacy

#2d35a4 Protanomaly 1% of men, 0.01% of women
#2d3898 Deuteranomaly 6% of men, 0.4% of women
#743070 Tritanomaly 0.01% of the population

#7c02aa hex color

#7c02aa Color Information

#7c02aa Color Conversion

Color Schemes with #7c02aa

Alternatives to #7c02aa

#7c02aa Preview

Shades and Tints of #7c02aa

Tones of #7c02aa

Color Blindness Simulator