#7312e4 hex color

In a RGB color space, hex #7312e4 is composed of 45.1% red, 7.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 92.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 267.7 degrees, a saturation of 85.4% and a lightness of 48.2%. #7312e4 color hex could be obtained by blending #e624ff with #0000c9. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 45
- G 7
- B 89
RGB color chart
- C 50
- M 92
- Y 0
- K 11
CMYK color chart

● #7312e4 color description : Vivid violet.

The hexadecimal color #7312e4 has RGB values of R:115, G:18, B:228 and CMYK values of C:0.5, M:0.92, Y:0, K:0.11. Its decimal value is 7541476.

Hex triplet	7312e4	`#7312e4`
RGB Decimal	115, 18, 228	`rgb(115,18,228)`
RGB Percent	45.1, 7.1, 89.4	`rgb(45.1%,7.1%,89.4%)`
CMYK	50, 92, 0, 11
HSL	267.7°, 85.4, 48.2	`hsl(267.7,85.4%,48.2%)`
HSV (or HSB)	267.7°, 92.1, 89.4
Web Safe	6600cc	`#6600cc`

CIE-LAB	37.259, 74.079, -84.126
XYZ	21.288, 9.679, 74.141
xyY	0.203, 0.092, 9.679
CIE-LCH	37.259, 112.093, 311.366
CIE-LUV	37.259, 10.229, -118.354
Hunter-Lab	31.111, 67.697, -119.519
Binary	01110011, 00010010, 11100100

#7312e4
```
#7312e4 rgb(115,18,228)
```
#83e412
```
#83e412 rgb(131,228,18)
```

Complementary Color

#121ae4
```
#121ae4 rgb(18,26,228)
```
#7312e4
```
#7312e4 rgb(115,18,228)
```
#dc12e4
```
#dc12e4 rgb(220,18,228)
```

Analogous Color

#1ae412
```
#1ae412 rgb(26,228,18)
```
#7312e4
```
#7312e4 rgb(115,18,228)
```
#e4dc12
```
#e4dc12 rgb(228,220,18)
```

Split Complementary Color

#12e473
```
#12e473 rgb(18,228,115)
```
#7312e4
```
#7312e4 rgb(115,18,228)
```
#e47312
```
#e47312 rgb(228,115,18)
```

Triadic Color

#1283e4
```
#1283e4 rgb(18,131,228)
```
#7312e4
```
#7312e4 rgb(115,18,228)
```
#e47312
```
#e47312 rgb(228,115,18)
```
#83e412
```
#83e412 rgb(131,228,18)
```

Tetradic Color

#4f0c9d
```
#4f0c9d rgb(79,12,157)
```
#5b0eb5
```
#5b0eb5 rgb(91,14,181)
```
#6710cc
```
#6710cc rgb(103,16,204)
```
#7312e4
```
#7312e4 rgb(115,18,228)
```
#8022ee
```
#8022ee rgb(128,34,238)
```
#8e3aef
```
#8e3aef rgb(142,58,239)
```
#9b51f1
```
#9b51f1 rgb(155,81,241)
```

Monochromatic Color

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

#3e12e4
```
#3e12e4 rgb(62,18,228)
```
#5012e4
```
#5012e4 rgb(80,18,228)
```
#6112e4
```
#6112e4 rgb(97,18,228)
```
#7312e4
```
#7312e4 rgb(115,18,228)
```
#8512e4
```
#8512e4 rgb(133,18,228)
```
#9612e4
```
#9612e4 rgb(150,18,228)
```
#a812e4
```
#a812e4 rgb(168,18,228)
```

Similar Colors

Text with hexadecimal color #7312e4

This text has a font color of #7312e4.

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

#7312e4 background color

This paragraph has a background color of #7312e4.

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

#7312e4 border color

This element has a border color of #7312e4.

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

CSS codes

.text {color:#7312e4;}

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

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

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, #05010a is the darkest color, while #faf7fe is the lightest one.

#05010a
```
#05010a rgb(5,1,10)
```
#0e021c
```
#0e021c rgb(14,2,28)
```
#17042e
```
#17042e rgb(23,4,46)
```
#200540
```
#200540 rgb(32,5,64)
```
#2a0753
```
#2a0753 rgb(42,7,83)
```
#330865
```
#330865 rgb(51,8,101)
```
#3c0977
```
#3c0977 rgb(60,9,119)
```
#450b89
```
#450b89 rgb(69,11,137)
```
#4e0c9b
```
#4e0c9b rgb(78,12,155)
```
#570ead
```
#570ead rgb(87,14,173)
```
#610fc0
```
#610fc0 rgb(97,15,192)
```
#6a11d2
```
#6a11d2 rgb(106,17,210)
```
#7312e4
```
#7312e4 rgb(115,18,228)
```

Shade Color Variation

#7d1ced
```
#7d1ced rgb(125,28,237)
```
#872fef
```
#872fef rgb(135,47,239)
```
#9241f0
```
#9241f0 rgb(146,65,240)
```
#9c53f1
```
#9c53f1 rgb(156,83,241)
```
#a765f3
```
#a765f3 rgb(167,101,243)
```
#b177f4
```
#b177f4 rgb(177,119,244)
```
#bc8af6
```
#bc8af6 rgb(188,138,246)
```
#c69cf7
```
#c69cf7 rgb(198,156,247)
```
#d0aef9
```
#d0aef9 rgb(208,174,249)
```
#dbc0fa
```
#dbc0fa rgb(219,192,250)
```
#e5d2fb
```
#e5d2fb rgb(229,210,251)
```
#f0e4fd
```
#f0e4fd rgb(240,228,253)
```
#faf7fe
```
#faf7fe rgb(250,247,254)
```

Tint Color Variation

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

#7b7a7c
```
#7b7a7c rgb(123,122,124)
```
#7a7185
```
#7a7185 rgb(122,113,133)
```
#79678f
```
#79678f rgb(121,103,143)
```
#795e98
```
#795e98 rgb(121,94,152)
```
#7854a2
```
#7854a2 rgb(120,84,162)
```
#774bab
```
#774bab rgb(119,75,171)
```
#7741b5
```
#7741b5 rgb(119,65,181)
```
#7638be
```
#7638be rgb(118,56,190)
```
#752ec8
```
#752ec8 rgb(117,46,200)
```
#7425d1
```
#7425d1 rgb(116,37,209)
```
#741bdb
```
#741bdb rgb(116,27,219)
```
#7312e4
```
#7312e4 rgb(115,18,228)
```
#7209ed
```
#7209ed rgb(114,9,237)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#503c66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#4d636b Tritanopia 0.001% of the population

Trichromacy

#2942c6 Protanomaly 1% of men, 0.01% of women
#2945b7 Deuteranomaly 6% of men, 0.4% of women
#5b4697 Tritanomaly 0.01% of the population

#7312e4 hex color

#7312e4 Color Information

#7312e4 Color Conversion

Color Schemes with #7312e4

Alternatives to #7312e4

#7312e4 Preview

Shades and Tints of #7312e4

Tones of #7312e4

Color Blindness Simulator