#7c3396 hex color

In a RGB color space, hex #7c3396 is composed of 48.6% red, 20% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 17.3% cyan, 66% magenta, 0% yellow and 41.2% black. It has a hue angle of 284.2 degrees, a saturation of 49.3% and a lightness of 39.4%. #7c3396 color hex could be obtained by blending #f866ff with #00002d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 49
- G 20
- B 59
RGB color chart
- C 17
- M 66
- Y 0
- K 41
CMYK color chart

● #7c3396 color description : Dark moderate violet.

The hexadecimal color #7c3396 has RGB values of R:124, G:51, B:150 and CMYK values of C:0.17, M:0.66, Y:0, K:0.41. Its decimal value is 8139670.

Hex triplet	7c3396	`#7c3396`
RGB Decimal	124, 51, 150	`rgb(124,51,150)`
RGB Percent	48.6, 20, 58.8	`rgb(48.6%,20%,58.8%)`
CMYK	17, 66, 0, 41
HSL	284.2°, 49.3, 39.4	`hsl(284.2,49.3%,39.4%)`
HSV (or HSB)	284.2°, 66, 58.8
Web Safe	663399	`#663399`

CIE-LAB	35.704, 47.341, -40.666
XYZ	15, 8.855, 29.772
xyY	0.28, 0.165, 8.855
CIE-LCH	35.704, 62.409, 319.337
CIE-LUV	35.704, 25.61, -61.391
Hunter-Lab	29.758, 37.902, -38.487
Binary	01111100, 00110011, 10010110

#7c3396
```
#7c3396 rgb(124,51,150)
```
#4d9633
```
#4d9633 rgb(77,150,51)
```

Complementary Color

#4b3396
```
#4b3396 rgb(75,51,150)
```
#7c3396
```
#7c3396 rgb(124,51,150)
```
#96337f
```
#96337f rgb(150,51,127)
```

Analogous Color

#33964b
```
#33964b rgb(51,150,75)
```
#7c3396
```
#7c3396 rgb(124,51,150)
```
#7f9633
```
#7f9633 rgb(127,150,51)
```

Split Complementary Color

#33967c
```
#33967c rgb(51,150,124)
```
#7c3396
```
#7c3396 rgb(124,51,150)
```
#967c33
```
#967c33 rgb(150,124,51)
```

Triadic Color

#334d96
```
#334d96 rgb(51,77,150)
```
#7c3396
```
#7c3396 rgb(124,51,150)
```
#967c33
```
#967c33 rgb(150,124,51)
```
#4d9633
```
#4d9633 rgb(77,150,51)
```

Tetradic Color

#4d205d
```
#4d205d rgb(77,32,93)
```
#5d2670
```
#5d2670 rgb(93,38,112)
```
#6c2d83
```
#6c2d83 rgb(108,45,131)
```
#7c3396
```
#7c3396 rgb(124,51,150)
```
#8c39a9
```
#8c39a9 rgb(140,57,169)
```
#9b40bc
```
#9b40bc rgb(155,64,188)
```
#a651c4
```
#a651c4 rgb(166,81,196)
```

Monochromatic Color

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

#633396
```
#633396 rgb(99,51,150)
```
#6c3396
```
#6c3396 rgb(108,51,150)
```
#743396
```
#743396 rgb(116,51,150)
```
#7c3396
```
#7c3396 rgb(124,51,150)
```
#843396
```
#843396 rgb(132,51,150)
```
#8d3396
```
#8d3396 rgb(141,51,150)
```
#953396
```
#953396 rgb(149,51,150)
```

Similar Colors

Text with hexadecimal color #7c3396

This text has a font color of #7c3396.

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

#7c3396 background color

This paragraph has a background color of #7c3396.

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

#7c3396 border color

This element has a border color of #7c3396.

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

CSS codes

.text {color:#7c3396;}

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

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

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

#030104
```
#030104 rgb(3,1,4)
```
#0f0612
```
#0f0612 rgb(15,6,18)
```
#1b0b21
```
#1b0b21 rgb(27,11,33)
```
#271030
```
#271030 rgb(39,16,48)
```
#33153e
```
#33153e rgb(51,21,62)
```
#3f1a4d
```
#3f1a4d rgb(63,26,77)
```
#4c1f5b
```
#4c1f5b rgb(76,31,91)
```
#58246a
```
#58246a rgb(88,36,106)
```
#642979
```
#642979 rgb(100,41,121)
```
#702e87
```
#702e87 rgb(112,46,135)
```
#7c3396
```
#7c3396 rgb(124,51,150)
```
#8838a5
```
#8838a5 rgb(136,56,165)
```
#943db3
```
#943db3 rgb(148,61,179)
```

Shade Color Variation

#9f44c0
```
#9f44c0 rgb(159,68,192)
```
#a753c5
```
#a753c5 rgb(167,83,197)
```
#ae62c9
```
#ae62c9 rgb(174,98,201)
```
#b670ce
```
#b670ce rgb(182,112,206)
```
#bd7fd3
```
#bd7fd3 rgb(189,127,211)
```
#c58ed8
```
#c58ed8 rgb(197,142,216)
```
#cc9cdd
```
#cc9cdd rgb(204,156,221)
```
#d4abe2
```
#d4abe2 rgb(212,171,226)
```
#dbb9e7
```
#dbb9e7 rgb(219,185,231)
```
#e3c8ec
```
#e3c8ec rgb(227,200,236)
```
#ead7f1
```
#ead7f1 rgb(234,215,241)
```
#f2e5f6
```
#f2e5f6 rgb(242,229,246)
```
#f9f4fb
```
#f9f4fb rgb(249,244,251)
```

Tint Color Variation

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

#666168
```
#666168 rgb(102,97,104)
```
#6a5a6f
```
#6a5a6f rgb(106,90,111)
```
#6d5277
```
#6d5277 rgb(109,82,119)
```
#714a7f
```
#714a7f rgb(113,74,127)
```
#754287
```
#754287 rgb(117,66,135)
```
#783b8e
```
#783b8e rgb(120,59,142)
```
#7c3396
```
#7c3396 rgb(124,51,150)
```
#802b9e
```
#802b9e rgb(128,43,158)
```
#8324a5
```
#8324a5 rgb(131,36,165)
```
#871cad
```
#871cad rgb(135,28,173)
```
#8b14b5
```
#8b14b5 rgb(139,20,181)
```
#8e0cbd
```
#8e0cbd rgb(142,12,189)
```
#9205c4
```
#9205c4 rgb(146,5,196)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#5c4d61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059b0 Protanopia 1% of men
#375d91 Deuteranopia 1% of men
#775358 Tritanopia 0.001% of the population

Trichromacy

#2d4ba6 Protanomaly 1% of men, 0.01% of women
#504d93 Deuteranomaly 6% of men, 0.4% of women
#79476f Tritanomaly 0.01% of the population

#7c3396 hex color

#7c3396 Color Information

#7c3396 Color Conversion

Color Schemes with #7c3396

Alternatives to #7c3396

#7c3396 Preview

Shades and Tints of #7c3396

Tones of #7c3396

Color Blindness Simulator