#7312ff hex color

In a RGB color space, hex #7312ff is composed of 45.1% red, 7.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 92.9% magenta, 0% yellow and 0% black. It has a hue angle of 264.6 degrees, a saturation of 100% and a lightness of 53.5%. #7312ff color hex could be obtained by blending #e624ff with #0000ff. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 45
- G 7
- B 100
RGB color chart
- C 55
- M 93
- Y 0
- K 0
CMYK color chart

● #7312ff color description : Vivid violet.

The hexadecimal color #7312ff has RGB values of R:115, G:18, B:255 and CMYK values of C:0.55, M:0.93, Y:0, K:0. Its decimal value is 7541503.

Hex triplet	7312ff	`#7312ff`
RGB Decimal	115, 18, 255	`rgb(115,18,255)`
RGB Percent	45.1, 7.1, 100	`rgb(45.1%,7.1%,100%)`
CMYK	55, 93, 0, 0
HSL	264.6°, 100, 53.5	`hsl(264.6,100%,53.5%)`
HSV (or HSB)	264.6°, 92.9, 100
Web Safe	6600ff	`#6600ff`

CIE-LAB	40.076, 80.069, -94.727
XYZ	25.333, 11.297, 95.448
xyY	0.192, 0.086, 11.297
CIE-LCH	40.076, 124.034, 310.206
CIE-LUV	40.076, 6.656, -133.903
Hunter-Lab	33.611, 75.72, -144.843
Binary	01110011, 00010010, 11111111

#7312ff
```
#7312ff rgb(115,18,255)
```
#9eff12
```
#9eff12 rgb(158,255,18)
```

Complementary Color

#1228ff
```
#1228ff rgb(18,40,255)
```
#7312ff
```
#7312ff rgb(115,18,255)
```
#ea12ff
```
#ea12ff rgb(234,18,255)
```

Analogous Color

#28ff12
```
#28ff12 rgb(40,255,18)
```
#7312ff
```
#7312ff rgb(115,18,255)
```
#ffea12
```
#ffea12 rgb(255,234,18)
```

Split Complementary Color

#12ff73
```
#12ff73 rgb(18,255,115)
```
#7312ff
```
#7312ff rgb(115,18,255)
```
#ff7312
```
#ff7312 rgb(255,115,18)
```

Triadic Color

#129eff
```
#129eff rgb(18,158,255)
```
#7312ff
```
#7312ff rgb(115,18,255)
```
#ff7312
```
#ff7312 rgb(255,115,18)
```
#9eff12
```
#9eff12 rgb(158,255,18)
```

Tetradic Color

#5000c5
```
#5000c5 rgb(80,0,197)
```
#5b00de
```
#5b00de rgb(91,0,222)
```
#6500f8
```
#6500f8 rgb(101,0,248)
```
#7312ff
```
#7312ff rgb(115,18,255)
```
#822cff
```
#822cff rgb(130,44,255)
```
#9145ff
```
#9145ff rgb(145,69,255)
```
#a05fff
```
#a05fff rgb(160,95,255)
```

Monochromatic Color

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

#3812ff
```
#3812ff rgb(56,18,255)
```
#4b12ff
```
#4b12ff rgb(75,18,255)
```
#5f12ff
```
#5f12ff rgb(95,18,255)
```
#7312ff
```
#7312ff rgb(115,18,255)
```
#8712ff
```
#8712ff rgb(135,18,255)
```
#9b12ff
```
#9b12ff rgb(155,18,255)
```
#ae12ff
```
#ae12ff rgb(174,18,255)
```

Similar Colors

Text with hexadecimal color #7312ff

This text has a font color of #7312ff.

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

#7312ff background color

This paragraph has a background color of #7312ff.

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

#7312ff border color

This element has a border color of #7312ff.

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

CSS codes

.text {color:#7312ff;}

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

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

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

#070012
```
#070012 rgb(7,0,18)
```
#0f0026
```
#0f0026 rgb(15,0,38)
```
#170039
```
#170039 rgb(23,0,57)
```
#1f004d
```
#1f004d rgb(31,0,77)
```
#270060
```
#270060 rgb(39,0,96)
```
#300074
```
#300074 rgb(48,0,116)
```
#380088
```
#380088 rgb(56,0,136)
```
#40009b
```
#40009b rgb(64,0,155)
```
#4800af
```
#4800af rgb(72,0,175)
```
#5000c3
```
#5000c3 rgb(80,0,195)
```
#5800d6
```
#5800d6 rgb(88,0,214)
```
#6000ea
```
#6000ea rgb(96,0,234)
```
#6800fd
```
#6800fd rgb(104,0,253)
```

Shade Color Variation

#7312ff
```
#7312ff rgb(115,18,255)
```
#7f26ff
```
#7f26ff rgb(127,38,255)
```
#8a39ff
```
#8a39ff rgb(138,57,255)
```
#964dff
```
#964dff rgb(150,77,255)
```
#a160ff
```
#a160ff rgb(161,96,255)
```
#ad74ff
```
#ad74ff rgb(173,116,255)
```
#b988ff
```
#b988ff rgb(185,136,255)
```
#c49bff
```
#c49bff rgb(196,155,255)
```
#d0afff
```
#d0afff rgb(208,175,255)
```
#dbc3ff
```
#dbc3ff rgb(219,195,255)
```
#e7d6ff
```
#e7d6ff rgb(231,214,255)
```
#f2eaff
```
#f2eaff rgb(242,234,255)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #877f92 is the less saturated color, while #7312ff is the most saturated one.

#877f92
```
#877f92 rgb(135,127,146)
```
#85769b
```
#85769b rgb(133,118,155)
```
#846da4
```
#846da4 rgb(132,109,164)
```
#8264ad
```
#8264ad rgb(130,100,173)
```
#805bb6
```
#805bb6 rgb(128,91,182)
```
#7f52bf
```
#7f52bf rgb(127,82,191)
```
#7d49c8
```
#7d49c8 rgb(125,73,200)
```
#7b40d1
```
#7b40d1 rgb(123,64,209)
```
#7a36db
```
#7a36db rgb(122,54,219)
```
#782de4
```
#782de4 rgb(120,45,228)
```
#7624ed
```
#7624ed rgb(118,36,237)
```
#751bf6
```
#751bf6 rgb(117,27,246)
```
#7312ff
```
#7312ff rgb(115,18,255)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#523f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#356e76 Tritanopia 0.001% of the population

Trichromacy

#2946d8 Protanomaly 1% of men, 0.01% of women
#2949c7 Deuteranomaly 6% of men, 0.4% of women
#4b4ca8 Tritanomaly 0.01% of the population

#7312ff hex color

#7312ff Color Information

#7312ff Color Conversion

Color Schemes with #7312ff

Alternatives to #7312ff

#7312ff Preview

Shades and Tints of #7312ff

Tones of #7312ff

Color Blindness Simulator