#7c2aff hex color

In a RGB color space, hex #7c2aff is composed of 48.6% red, 16.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 83.5% magenta, 0% yellow and 0% black. It has a hue angle of 263.1 degrees, a saturation of 100% and a lightness of 58.2%. #7c2aff color hex could be obtained by blending #f854ff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 49
- G 16
- B 100
RGB color chart
- C 51
- M 84
- Y 0
- K 0
CMYK color chart

● #7c2aff color description : Vivid violet.

The hexadecimal color #7c2aff has RGB values of R:124, G:42, B:255 and CMYK values of C:0.51, M:0.84, Y:0, K:0. Its decimal value is 8137471.

Hex triplet	7c2aff	`#7c2aff`
RGB Decimal	124, 42, 255	`rgb(124,42,255)`
RGB Percent	48.6, 16.5, 100	`rgb(48.6%,16.5%,100%)`
CMYK	51, 84, 0, 0
HSL	263.1°, 100, 58.2	`hsl(263.1,100%,58.2%)`
HSV (or HSB)	263.1°, 83.5, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.004, 75.112, -89.854
XYZ	27.187, 13.161, 95.71
xyY	0.2, 0.097, 13.161
CIE-LCH	43.004, 117.114, 309.893
CIE-LUV	43.004, 8.203, -132.425
Hunter-Lab	36.278, 70.285, -131.029
Binary	01111100, 00101010, 11111111

#7c2aff
```
#7c2aff rgb(124,42,255)
```
#adff2a
```
#adff2a rgb(173,255,42)
```

Complementary Color

#2a43ff
```
#2a43ff rgb(42,67,255)
```
#7c2aff
```
#7c2aff rgb(124,42,255)
```
#e72aff
```
#e72aff rgb(231,42,255)
```

Analogous Color

#43ff2a
```
#43ff2a rgb(67,255,42)
```
#7c2aff
```
#7c2aff rgb(124,42,255)
```
#ffe72a
```
#ffe72a rgb(255,231,42)
```

Split Complementary Color

#2aff7c
```
#2aff7c rgb(42,255,124)
```
#7c2aff
```
#7c2aff rgb(124,42,255)
```
#ff7c2a
```
#ff7c2a rgb(255,124,42)
```

Triadic Color

#2aadff
```
#2aadff rgb(42,173,255)
```
#7c2aff
```
#7c2aff rgb(124,42,255)
```
#ff7c2a
```
#ff7c2a rgb(255,124,42)
```
#adff2a
```
#adff2a rgb(173,255,42)
```

Tetradic Color

#5500dd
```
#5500dd rgb(85,0,221)
```
#5f00f6
```
#5f00f6 rgb(95,0,246)
```
#6c11ff
```
#6c11ff rgb(108,17,255)
```
#7c2aff
```
#7c2aff rgb(124,42,255)
```
#8c44ff
```
#8c44ff rgb(140,68,255)
```
#9b5dff
```
#9b5dff rgb(155,93,255)
```
#ab77ff
```
#ab77ff rgb(171,119,255)
```

Monochromatic Color

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

#472aff
```
#472aff rgb(71,42,255)
```
#582aff
```
#582aff rgb(88,42,255)
```
#6a2aff
```
#6a2aff rgb(106,42,255)
```
#7c2aff
```
#7c2aff rgb(124,42,255)
```
#8e2aff
```
#8e2aff rgb(142,42,255)
```
#a02aff
```
#a02aff rgb(160,42,255)
```
#b12aff
```
#b12aff rgb(177,42,255)
```

Similar Colors

Text with hexadecimal color #7c2aff

This text has a font color of #7c2aff.

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

#7c2aff background color

This paragraph has a background color of #7c2aff.

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

#7c2aff border color

This element has a border color of #7c2aff.

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

CSS codes

.text {color:#7c2aff;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#090016
```
#090016 rgb(9,0,22)
```
#10002a
```
#10002a rgb(16,0,42)
```
#18003e
```
#18003e rgb(24,0,62)
```
#1f0051
```
#1f0051 rgb(31,0,81)
```
#270065
```
#270065 rgb(39,0,101)
```
#2e0078
```
#2e0078 rgb(46,0,120)
```
#36008c
```
#36008c rgb(54,0,140)
```
#3d00a0
```
#3d00a0 rgb(61,0,160)
```
#4500b3
```
#4500b3 rgb(69,0,179)
```
#4d00c7
```
#4d00c7 rgb(77,0,199)
```
#5400db
```
#5400db rgb(84,0,219)
```
#5c00ee
```
#5c00ee rgb(92,0,238)
```

Shade Color Variation

#6403ff
```
#6403ff rgb(100,3,255)
```
#7016ff
```
#7016ff rgb(112,22,255)
```
#7c2aff
```
#7c2aff rgb(124,42,255)
```
#883eff
```
#883eff rgb(136,62,255)
```
#9451ff
```
#9451ff rgb(148,81,255)
```
#a065ff
```
#a065ff rgb(160,101,255)
```
#ac78ff
```
#ac78ff rgb(172,120,255)
```
#b88cff
```
#b88cff rgb(184,140,255)
```
#c4a0ff
```
#c4a0ff rgb(196,160,255)
```
#d0b3ff
```
#d0b3ff rgb(208,179,255)
```
#ddc7ff
```
#ddc7ff rgb(221,199,255)
```
#e9dbff
```
#e9dbff rgb(233,219,255)
```
#f5eeff
```
#f5eeff rgb(245,238,255)
```

Tint Color Variation

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

#938c9d
```
#938c9d rgb(147,140,157)
```
#9184a5
```
#9184a5 rgb(145,132,165)
```
#8f7cad
```
#8f7cad rgb(143,124,173)
```
#8d74b5
```
#8d74b5 rgb(141,116,181)
```
#8b6cbd
```
#8b6cbd rgb(139,108,189)
```
#8963c6
```
#8963c6 rgb(137,99,198)
```
#875bce
```
#875bce rgb(135,91,206)
```
#8553d6
```
#8553d6 rgb(133,83,214)
```
#844bde
```
#844bde rgb(132,75,222)
```
#8243e6
```
#8243e6 rgb(130,67,230)
```
#803aef
```
#803aef rgb(128,58,239)
```
#7e32f7
```
#7e32f7 rgb(126,50,247)
```
#7c2aff
```
#7c2aff rgb(124,42,255)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#62517c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ace Protanopia 1% of men
#0070b3 Deuteranopia 1% of men
#4d737b Tritanopia 0.001% of the population

Trichromacy

#2d53e0 Protanomaly 1% of men, 0.01% of women
#2d56cf Deuteranomaly 6% of men, 0.4% of women
#5e58ab Tritanomaly 0.01% of the population

#7c2aff hex color

#7c2aff Color Information

#7c2aff Color Conversion

Color Schemes with #7c2aff

Alternatives to #7c2aff

#7c2aff Preview

Shades and Tints of #7c2aff

Tones of #7c2aff

Color Blindness Simulator