#7c2acc hex color

In a RGB color space, hex #7c2acc is composed of 48.6% red, 16.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 39.2% cyan, 79.4% magenta, 0% yellow and 20% black. It has a hue angle of 270.4 degrees, a saturation of 65.9% and a lightness of 48.2%. #7c2acc color hex could be obtained by blending #f854ff with #000099. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 49
- G 16
- B 80
RGB color chart
- C 39
- M 79
- Y 0
- K 20
CMYK color chart

● #7c2acc color description : Strong violet.

The hexadecimal color #7c2acc has RGB values of R:124, G:42, B:204 and CMYK values of C:0.39, M:0.79, Y:0, K:0.2. Its decimal value is 8137420.

Hex triplet	7c2acc	`#7c2acc`
RGB Decimal	124, 42, 204	`rgb(124,42,204)`
RGB Percent	48.6, 16.5, 80	`rgb(48.6%,16.5%,80%)`
CMYK	39, 79, 0, 20
HSL	270.4°, 65.9, 48.2	`hsl(270.4,65.9%,48.2%)`
HSV (or HSB)	270.4°, 79.4, 80
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.377, 63.197, -68.425
XYZ	20.037, 10.301, 58.056
xyY	0.227, 0.117, 10.301
CIE-LCH	38.377, 93.144, 312.726
CIE-LUV	38.377, 15.966, -101.02
Hunter-Lab	32.095, 55.275, -84.783
Binary	01111100, 00101010, 11001100

#7c2acc
```
#7c2acc rgb(124,42,204)
```
#7acc2a
```
#7acc2a rgb(122,204,42)
```

Complementary Color

#2b2acc
```
#2b2acc rgb(43,42,204)
```
#7c2acc
```
#7c2acc rgb(124,42,204)
```
#cc2acb
```
#cc2acb rgb(204,42,203)
```

Analogous Color

#2acc2b
```
#2acc2b rgb(42,204,43)
```
#7c2acc
```
#7c2acc rgb(124,42,204)
```
#cbcc2a
```
#cbcc2a rgb(203,204,42)
```

Split Complementary Color

#2acc7c
```
#2acc7c rgb(42,204,124)
```
#7c2acc
```
#7c2acc rgb(124,42,204)
```
#cc7c2a
```
#cc7c2a rgb(204,124,42)
```

Triadic Color

#2a7acc
```
#2a7acc rgb(42,122,204)
```
#7c2acc
```
#7c2acc rgb(124,42,204)
```
#cc7c2a
```
#cc7c2a rgb(204,124,42)
```
#7acc2a
```
#7acc2a rgb(122,204,42)
```

Tetradic Color

#551d8d
```
#551d8d rgb(85,29,141)
```
#6221a2
```
#6221a2 rgb(98,33,162)
```
#6f26b7
```
#6f26b7 rgb(111,38,183)
```
#7c2acc
```
#7c2acc rgb(124,42,204)
```
#8939d6
```
#8939d6 rgb(137,57,214)
```
#954edb
```
#954edb rgb(149,78,219)
```
#a264df
```
#a264df rgb(162,100,223)
```

Monochromatic Color

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

#532acc
```
#532acc rgb(83,42,204)
```
#612acc
```
#612acc rgb(97,42,204)
```
#6f2acc
```
#6f2acc rgb(111,42,204)
```
#7c2acc
```
#7c2acc rgb(124,42,204)
```
#8a2acc
```
#8a2acc rgb(138,42,204)
```
#972acc
```
#972acc rgb(151,42,204)
```
#a52acc
```
#a52acc rgb(165,42,204)
```

Similar Colors

Text with hexadecimal color #7c2acc

This text has a font color of #7c2acc.

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

#7c2acc background color

This paragraph has a background color of #7c2acc.

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

#7c2acc border color

This element has a border color of #7c2acc.

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

CSS codes

.text {color:#7c2acc;}

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

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

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

#050209
```
#050209 rgb(5,2,9)
```
#0f0519
```
#0f0519 rgb(15,5,25)
```
#190929
```
#190929 rgb(25,9,41)
```
#230c3a
```
#230c3a rgb(35,12,58)
```
#2d0f4a
```
#2d0f4a rgb(45,15,74)
```
#37135a
```
#37135a rgb(55,19,90)
```
#41166a
```
#41166a rgb(65,22,106)
```
#4b197b
```
#4b197b rgb(75,25,123)
```
#541d8b
```
#541d8b rgb(84,29,139)
```
#5e209b
```
#5e209b rgb(94,32,155)
```
#6823ab
```
#6823ab rgb(104,35,171)
```
#7227bc
```
#7227bc rgb(114,39,188)
```
#7c2acc
```
#7c2acc rgb(124,42,204)
```

Shade Color Variation

#8634d5
```
#8634d5 rgb(134,52,213)
```
#9045d9
```
#9045d9 rgb(144,69,217)
```
#9955dc
```
#9955dc rgb(153,85,220)
```
#a365df
```
#a365df rgb(163,101,223)
```
#ad75e3
```
#ad75e3 rgb(173,117,227)
```
#b686e6
```
#b686e6 rgb(182,134,230)
```
#c096e9
```
#c096e9 rgb(192,150,233)
```
#caa6ed
```
#caa6ed rgb(202,166,237)
```
#d4b6f0
```
#d4b6f0 rgb(212,182,240)
```
#ddc7f3
```
#ddc7f3 rgb(221,199,243)
```
#e7d7f7
```
#e7d7f7 rgb(231,215,247)
```
#f1e7fa
```
#f1e7fa rgb(241,231,250)
```
#fbf8fd
```
#fbf8fd rgb(251,248,253)
```

Tint Color Variation

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

#7b7680
```
#7b7680 rgb(123,118,128)
```
#7b6c8a
```
#7b6c8a rgb(123,108,138)
```
#7b6393
```
#7b6393 rgb(123,99,147)
```
#7b599d
```
#7b599d rgb(123,89,157)
```
#7c50a6
```
#7c50a6 rgb(124,80,166)
```
#7c46b0
```
#7c46b0 rgb(124,70,176)
```
#7c3db9
```
#7c3db9 rgb(124,61,185)
```
#7c33c3
```
#7c33c3 rgb(124,51,195)
```
#7c2acc
```
#7c2acc rgb(124,42,204)
```
#7c21d5
```
#7c21d5 rgb(124,33,213)
```
#7c17df
```
#7c17df rgb(124,23,223)
```
#7c0ee8
```
#7c0ee8 rgb(124,14,232)
```
#7c04f2
```
#7c04f2 rgb(124,4,242)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#5d4c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060ba Protanopia 1% of men
#0065a4 Deuteranopia 1% of men
#676067 Tritanopia 0.001% of the population

Trichromacy

#2d4cc1 Protanomaly 1% of men, 0.01% of women
#2d4fb2 Deuteranomaly 6% of men, 0.4% of women
#6f4c8c Tritanomaly 0.01% of the population

#7c2acc hex color

#7c2acc Color Information

#7c2acc Color Conversion

Color Schemes with #7c2acc

Alternatives to #7c2acc

#7c2acc Preview

Shades and Tints of #7c2acc

Tones of #7c2acc

Color Blindness Simulator