#7312cc hex color

In a RGB color space, hex #7312cc is composed of 45.1% red, 7.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 43.6% cyan, 91.2% magenta, 0% yellow and 20% black. It has a hue angle of 271.3 degrees, a saturation of 83.8% and a lightness of 43.5%. #7312cc color hex could be obtained by blending #e624ff with #000099. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 45
- G 7
- B 80
RGB color chart
- C 44
- M 91
- Y 0
- K 20
CMYK color chart

● #7312cc color description : Strong violet.

The hexadecimal color #7312cc has RGB values of R:115, G:18, B:204 and CMYK values of C:0.44, M:0.91, Y:0, K:0.2. Its decimal value is 7541452.

Hex triplet	7312cc	`#7312cc`
RGB Decimal	115, 18, 204	`rgb(115,18,204)`
RGB Percent	45.1, 7.1, 80	`rgb(45.1%,7.1%,80%)`
CMYK	44, 91, 0, 20
HSL	271.3°, 83.8, 43.5	`hsl(271.3,83.8%,43.5%)`
HSV (or HSB)	271.3°, 91.2, 80
Web Safe	6600cc	`#6600cc`

CIE-LAB	34.877, 68.808, -74.214
XYZ	18.184, 8.437, 57.794
xyY	0.215, 0.1, 8.437
CIE-LCH	34.877, 101.204, 312.835
CIE-LUV	34.877, 13.965, -104.12
Hunter-Lab	29.047, 60.913, -97.636
Binary	01110011, 00010010, 11001100

#7312cc
```
#7312cc rgb(115,18,204)
```
#6bcc12
```
#6bcc12 rgb(107,204,18)
```

Complementary Color

#1612cc
```
#1612cc rgb(22,18,204)
```
#7312cc
```
#7312cc rgb(115,18,204)
```
#cc12c8
```
#cc12c8 rgb(204,18,200)
```

Analogous Color

#12cc16
```
#12cc16 rgb(18,204,22)
```
#7312cc
```
#7312cc rgb(115,18,204)
```
#c8cc12
```
#c8cc12 rgb(200,204,18)
```

Split Complementary Color

#12cc73
```
#12cc73 rgb(18,204,115)
```
#7312cc
```
#7312cc rgb(115,18,204)
```
#cc7312
```
#cc7312 rgb(204,115,18)
```

Triadic Color

#126bcc
```
#126bcc rgb(18,107,204)
```
#7312cc
```
#7312cc rgb(115,18,204)
```
#cc7312
```
#cc7312 rgb(204,115,18)
```
#6bcc12
```
#6bcc12 rgb(107,204,18)
```

Tetradic Color

#4b0c86
```
#4b0c86 rgb(75,12,134)
```
#590e9d
```
#590e9d rgb(89,14,157)
```
#6610b5
```
#6610b5 rgb(102,16,181)
```
#7312cc
```
#7312cc rgb(115,18,204)
```
#8014e3
```
#8014e3 rgb(128,20,227)
```
#8d25ec
```
#8d25ec rgb(141,37,236)
```
#993dee
```
#993dee rgb(153,61,238)
```

Monochromatic Color

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

#4412cc
```
#4412cc rgb(68,18,204)
```
#5412cc
```
#5412cc rgb(84,18,204)
```
#6312cc
```
#6312cc rgb(99,18,204)
```
#7312cc
```
#7312cc rgb(115,18,204)
```
#8312cc
```
#8312cc rgb(131,18,204)
```
#9212cc
```
#9212cc rgb(146,18,204)
```
#a212cc
```
#a212cc rgb(162,18,204)
```

Similar Colors

Text with hexadecimal color #7312cc

This text has a font color of #7312cc.

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

#7312cc background color

This paragraph has a background color of #7312cc.

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

#7312cc border color

This element has a border color of #7312cc.

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

CSS codes

.text {color:#7312cc;}

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

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

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

#030106
```
#030106 rgb(3,1,6)
```
#0d0218
```
#0d0218 rgb(13,2,24)
```
#18042a
```
#18042a rgb(24,4,42)
```
#22053c
```
#22053c rgb(34,5,60)
```
#2c074e
```
#2c074e rgb(44,7,78)
```
#360860
```
#360860 rgb(54,8,96)
```
#400a72
```
#400a72 rgb(64,10,114)
```
#4a0c84
```
#4a0c84 rgb(74,12,132)
```
#550d96
```
#550d96 rgb(85,13,150)
```
#5f0fa8
```
#5f0fa8 rgb(95,15,168)
```
#6910ba
```
#6910ba rgb(105,16,186)
```
#7312cc
```
#7312cc rgb(115,18,204)
```
#7d14de
```
#7d14de rgb(125,20,222)
```

Shade Color Variation

#871aeb
```
#871aeb rgb(135,26,235)
```
#912cec
```
#912cec rgb(145,44,236)
```
#9a3eee
```
#9a3eee rgb(154,62,238)
```
#a350f0
```
#a350f0 rgb(163,80,240)
```
#ad63f1
```
#ad63f1 rgb(173,99,241)
```
#b675f3
```
#b675f3 rgb(182,117,243)
```
#c087f4
```
#c087f4 rgb(192,135,244)
```
#c999f6
```
#c999f6 rgb(201,153,246)
```
#d3abf8
```
#d3abf8 rgb(211,171,248)
```
#dcbdf9
```
#dcbdf9 rgb(220,189,249)
```
#e6cffb
```
#e6cffb rgb(230,207,251)
```
#efe1fc
```
#efe1fc rgb(239,225,252)
```
#f9f3fe
```
#f9f3fe rgb(249,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f6777 is the less saturated color, while #7401dd is the most saturated one.

#6f6777
```
#6f6777 rgb(111,103,119)
```
#705f7f
```
#705f7f rgb(112,95,127)
```
#705688
```
#705688 rgb(112,86,136)
```
#704e90
```
#704e90 rgb(112,78,144)
```
#714599
```
#714599 rgb(113,69,153)
```
#713da1
```
#713da1 rgb(113,61,161)
```
#7234aa
```
#7234aa rgb(114,52,170)
```
#722cb2
```
#722cb2 rgb(114,44,178)
```
#7223bb
```
#7223bb rgb(114,35,187)
```
#731bc3
```
#731bc3 rgb(115,27,195)
```
#7312cc
```
#7312cc rgb(115,18,204)
```
#7309d5
```
#7309d5 rgb(115,9,213)
```
#7401dd
```
#7401dd rgb(116,1,221)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#4d3a5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d95 Deuteranopia 1% of men
#5a5a61 Tritanopia 0.001% of the population

Trichromacy

#293eb7 Protanomaly 1% of men, 0.01% of women
#2941a9 Deuteranomaly 6% of men, 0.4% of women
#634087 Tritanomaly 0.01% of the population

#7312cc hex color

#7312cc Color Information

#7312cc Color Conversion

Color Schemes with #7312cc

Alternatives to #7312cc

#7312cc Preview

Shades and Tints of #7312cc

Tones of #7312cc

Color Blindness Simulator