#7f3396 hex color

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

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

● #7f3396 color description : Dark moderate magenta.

The hexadecimal color #7f3396 has RGB values of R:127, G:51, B:150 and CMYK values of C:0.15, M:0.66, Y:0, K:0.41. Its decimal value is 8336278.

Hex triplet	7f3396	`#7f3396`
RGB Decimal	127, 51, 150	`rgb(127,51,150)`
RGB Percent	49.8, 20, 58.8	`rgb(49.8%,20%,58.8%)`
CMYK	15, 66, 0, 41
HSL	286.1°, 49.3, 39.4	`hsl(286.1,49.3%,39.4%)`
HSV (or HSB)	286.1°, 66, 58.8
Web Safe	663399	`#663399`

CIE-LAB	36.142, 48.07, -39.94
XYZ	15.441, 9.082, 29.792
xyY	0.284, 0.167, 9.082
CIE-LCH	36.142, 62.498, 320.278
CIE-LUV	36.142, 27.43, -60.722
Hunter-Lab	30.137, 38.715, -37.516
Binary	01111111, 00110011, 10010110

#7f3396
```
#7f3396 rgb(127,51,150)
```
#4a9633
```
#4a9633 rgb(74,150,51)
```

Complementary Color

#4e3396
```
#4e3396 rgb(78,51,150)
```
#7f3396
```
#7f3396 rgb(127,51,150)
```
#96337c
```
#96337c rgb(150,51,124)
```

Analogous Color

#33964e
```
#33964e rgb(51,150,78)
```
#7f3396
```
#7f3396 rgb(127,51,150)
```
#7c9633
```
#7c9633 rgb(124,150,51)
```

Split Complementary Color

#33967f
```
#33967f rgb(51,150,127)
```
#7f3396
```
#7f3396 rgb(127,51,150)
```
#967f33
```
#967f33 rgb(150,127,51)
```

Triadic Color

#334a96
```
#334a96 rgb(51,74,150)
```
#7f3396
```
#7f3396 rgb(127,51,150)
```
#967f33
```
#967f33 rgb(150,127,51)
```
#4a9633
```
#4a9633 rgb(74,150,51)
```

Tetradic Color

#4f205d
```
#4f205d rgb(79,32,93)
```
#5f2670
```
#5f2670 rgb(95,38,112)
```
#6f2d83
```
#6f2d83 rgb(111,45,131)
```
#7f3396
```
#7f3396 rgb(127,51,150)
```
#8f39a9
```
#8f39a9 rgb(143,57,169)
```
#9f40bc
```
#9f40bc rgb(159,64,188)
```
#a951c4
```
#a951c4 rgb(169,81,196)
```

Monochromatic Color

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

#663396
```
#663396 rgb(102,51,150)
```
#6f3396
```
#6f3396 rgb(111,51,150)
```
#773396
```
#773396 rgb(119,51,150)
```
#7f3396
```
#7f3396 rgb(127,51,150)
```
#873396
```
#873396 rgb(135,51,150)
```
#903396
```
#903396 rgb(144,51,150)
```
#963394
```
#963394 rgb(150,51,148)
```

Similar Colors

Text with hexadecimal color #7f3396

This text has a font color of #7f3396.

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

#7f3396 background color

This paragraph has a background color of #7f3396.

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

#7f3396 border color

This element has a border color of #7f3396.

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

CSS codes

.text {color:#7f3396;}

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

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

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 #faf4fb is the lightest one.

#030104
```
#030104 rgb(3,1,4)
```
#0f0612
```
#0f0612 rgb(15,6,18)
```
#1c0b21
```
#1c0b21 rgb(28,11,33)
```
#281030
```
#281030 rgb(40,16,48)
```
#35153e
```
#35153e rgb(53,21,62)
```
#411a4d
```
#411a4d rgb(65,26,77)
```
#4d1f5b
```
#4d1f5b rgb(77,31,91)
```
#5a246a
```
#5a246a rgb(90,36,106)
```
#662979
```
#662979 rgb(102,41,121)
```
#732e87
```
#732e87 rgb(115,46,135)
```
#7f3396
```
#7f3396 rgb(127,51,150)
```
#8b38a5
```
#8b38a5 rgb(139,56,165)
```
#983db3
```
#983db3 rgb(152,61,179)
```

Shade Color Variation

#a344c0
```
#a344c0 rgb(163,68,192)
```
#aa53c5
```
#aa53c5 rgb(170,83,197)
```
#b162c9
```
#b162c9 rgb(177,98,201)
```
#b970ce
```
#b970ce rgb(185,112,206)
```
#c07fd3
```
#c07fd3 rgb(192,127,211)
```
#c78ed8
```
#c78ed8 rgb(199,142,216)
```
#ce9cdd
```
#ce9cdd rgb(206,156,221)
```
#d5abe2
```
#d5abe2 rgb(213,171,226)
```
#ddb9e7
```
#ddb9e7 rgb(221,185,231)
```
#e4c8ec
```
#e4c8ec rgb(228,200,236)
```
#ebd7f1
```
#ebd7f1 rgb(235,215,241)
```
#f2e5f6
```
#f2e5f6 rgb(242,229,246)
```
#faf4fb
```
#faf4fb rgb(250,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 #9805c4 is the most saturated one.

#666168
```
#666168 rgb(102,97,104)
```
#6a5a6f
```
#6a5a6f rgb(106,90,111)
```
#6e5277
```
#6e5277 rgb(110,82,119)
```
#734a7f
```
#734a7f rgb(115,74,127)
```
#774287
```
#774287 rgb(119,66,135)
```
#7b3b8e
```
#7b3b8e rgb(123,59,142)
```
#7f3396
```
#7f3396 rgb(127,51,150)
```
#832b9e
```
#832b9e rgb(131,43,158)
```
#8724a5
```
#8724a5 rgb(135,36,165)
```
#8b1cad
```
#8b1cad rgb(139,28,173)
```
#9014b5
```
#9014b5 rgb(144,20,181)
```
#940cbd
```
#940cbd rgb(148,12,189)
```
#9805c4
```
#9805c4 rgb(152,5,196)
```

Tone Color Variation

Below, you can see how #7f3396 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
#5d4e62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab2 Protanopia 1% of men
#3b5e91 Deuteranopia 1% of men
#7a5358 Tritanopia 0.001% of the population

Trichromacy

#2e4ca8 Protanomaly 1% of men, 0.01% of women
#544e93 Deuteranomaly 6% of men, 0.4% of women
#7c476e Tritanomaly 0.01% of the population

#7f3396 hex color

#7f3396 Color Information

#7f3396 Color Conversion

Color Schemes with #7f3396

Alternatives to #7f3396

#7f3396 Preview

Shades and Tints of #7f3396

Tones of #7f3396

Color Blindness Simulator