#7312a4 hex color

In a RGB color space, hex #7312a4 is composed of 45.1% red, 7.1% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 29.9% cyan, 89% magenta, 0% yellow and 35.7% black. It has a hue angle of 279.9 degrees, a saturation of 80.2% and a lightness of 35.7%. #7312a4 color hex could be obtained by blending #e624ff with #000049. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 45
- G 7
- B 64
RGB color chart
- C 30
- M 89
- Y 0
- K 36
CMYK color chart

● #7312a4 color description : Dark violet.

The hexadecimal color #7312a4 has RGB values of R:115, G:18, B:164 and CMYK values of C:0.3, M:0.89, Y:0, K:0.36. Its decimal value is 7541412.

Hex triplet	7312a4	`#7312a4`
RGB Decimal	115, 18, 164	`rgb(115,18,164)`
RGB Percent	45.1, 7.1, 64.3	`rgb(45.1%,7.1%,64.3%)`
CMYK	30, 89, 0, 36
HSL	279.9°, 80.2, 35.7	`hsl(279.9,80.2%,35.7%)`
HSV (or HSB)	279.9°, 89, 64.3
Web Safe	660099	`#660099`

CIE-LAB	31.25, 60.309, -56.43
XYZ	13.986, 6.758, 35.688
xyY	0.248, 0.12, 6.758
CIE-LCH	31.25, 82.593, 316.903
CIE-LUV	31.25, 21.812, -79.168
Hunter-Lab	25.997, 50.541, -63.195
Binary	01110011, 00010010, 10100100

#7312a4
```
#7312a4 rgb(115,18,164)
```
#43a412
```
#43a412 rgb(67,164,18)
```

Complementary Color

#2a12a4
```
#2a12a4 rgb(42,18,164)
```
#7312a4
```
#7312a4 rgb(115,18,164)
```
#a4128c
```
#a4128c rgb(164,18,140)
```

Analogous Color

#12a42a
```
#12a42a rgb(18,164,42)
```
#7312a4
```
#7312a4 rgb(115,18,164)
```
#8ca412
```
#8ca412 rgb(140,164,18)
```

Split Complementary Color

#12a473
```
#12a473 rgb(18,164,115)
```
#7312a4
```
#7312a4 rgb(115,18,164)
```
#a47312
```
#a47312 rgb(164,115,18)
```

Triadic Color

#1243a4
```
#1243a4 rgb(18,67,164)
```
#7312a4
```
#7312a4 rgb(115,18,164)
```
#a47312
```
#a47312 rgb(164,115,18)
```
#43a412
```
#43a412 rgb(67,164,18)
```

Tetradic Color

#430a5f
```
#430a5f rgb(67,10,95)
```
#530d76
```
#530d76 rgb(83,13,118)
```
#630f8d
```
#630f8d rgb(99,15,141)
```
#7312a4
```
#7312a4 rgb(115,18,164)
```
#8315bb
```
#8315bb rgb(131,21,187)
```
#9317d2
```
#9317d2 rgb(147,23,210)
```
#a21ce6
```
#a21ce6 rgb(162,28,230)
```

Monochromatic Color

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

#4e12a4
```
#4e12a4 rgb(78,18,164)
```
#5b12a4
```
#5b12a4 rgb(91,18,164)
```
#6712a4
```
#6712a4 rgb(103,18,164)
```
#7312a4
```
#7312a4 rgb(115,18,164)
```
#7f12a4
```
#7f12a4 rgb(127,18,164)
```
#8b12a4
```
#8b12a4 rgb(139,18,164)
```
#9812a4
```
#9812a4 rgb(152,18,164)
```

Similar Colors

Text with hexadecimal color #7312a4

This text has a font color of #7312a4.

<span style="color:#7312a4;">Text here</span>

#7312a4 background color

This paragraph has a background color of #7312a4.

<p style="background-color:#7312a4;">Content here</p>

#7312a4 border color

This element has a border color of #7312a4.

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

CSS codes

.text {color:#7312a4;}

.background {background-color:#7312a4;}

.border {border:1px solid #7312a4;}

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

#030105
```
#030105 rgb(3,1,5)
```
#100217
```
#100217 rgb(16,2,23)
```
#1c0428
```
#1c0428 rgb(28,4,40)
```
#29063a
```
#29063a rgb(41,6,58)
```
#35084c
```
#35084c rgb(53,8,76)
```
#410a5d
```
#410a5d rgb(65,10,93)
```
#4e0c6f
```
#4e0c6f rgb(78,12,111)
```
#5a0e81
```
#5a0e81 rgb(90,14,129)
```
#671092
```
#671092 rgb(103,16,146)
```
#7312a4
```
#7312a4 rgb(115,18,164)
```
#7f14b6
```
#7f14b6 rgb(127,20,182)
```
#8c16c7
```
#8c16c7 rgb(140,22,199)
```
#9818d9
```
#9818d9 rgb(152,24,217)
```

Shade Color Variation

#a31ee6
```
#a31ee6 rgb(163,30,230)
```
#aa30e8
```
#aa30e8 rgb(170,48,232)
```
#b241ea
```
#b241ea rgb(178,65,234)
```
#b953ec
```
#b953ec rgb(185,83,236)
```
#c065ee
```
#c065ee rgb(192,101,238)
```
#c777f0
```
#c777f0 rgb(199,119,240)
```
#ce88f2
```
#ce88f2 rgb(206,136,242)
```
#d69af4
```
#d69af4 rgb(214,154,244)
```
#ddacf6
```
#ddacf6 rgb(221,172,246)
```
#e4bdf8
```
#e4bdf8 rgb(228,189,248)
```
#ebcffa
```
#ebcffa rgb(235,207,250)
```
#f3e1fc
```
#f3e1fc rgb(243,225,252)
```
#faf2fe
```
#faf2fe rgb(250,242,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c585e is the less saturated color, while #7804b2 is the most saturated one.

#5c585e
```
#5c585e rgb(92,88,94)
```
#5e5165
```
#5e5165 rgb(94,81,101)
```
#614a6c
```
#614a6c rgb(97,74,108)
```
#634373
```
#634373 rgb(99,67,115)
```
#653c7a
```
#653c7a rgb(101,60,122)
```
#673581
```
#673581 rgb(103,53,129)
```
#6a2e88
```
#6a2e88 rgb(106,46,136)
```
#6c278f
```
#6c278f rgb(108,39,143)
```
#6e2096
```
#6e2096 rgb(110,32,150)
```
#71199d
```
#71199d rgb(113,25,157)
```
#7312a4
```
#7312a4 rgb(115,18,164)
```
#750bab
```
#750bab rgb(117,11,171)
```
#7804b2
```
#7804b2 rgb(120,4,178)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#4a3754 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#00548a Deuteranopia 1% of men
#684b50 Tritanopia 0.001% of the population

Trichromacy

#29399f Protanomaly 1% of men, 0.01% of women
#293c93 Deuteranomaly 6% of men, 0.4% of women
#6c366e Tritanomaly 0.01% of the population

#7312a4 hex color

#7312a4 Color Information

#7312a4 Color Conversion

Color Schemes with #7312a4

Alternatives to #7312a4

#7312a4 Preview

Shades and Tints of #7312a4

Tones of #7312a4

Color Blindness Simulator