#7031e2 hex color

In a RGB color space, hex #7031e2 is composed of 43.9% red, 19.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 78.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 261.4 degrees, a saturation of 75.3% and a lightness of 53.9%. #7031e2 color hex could be obtained by blending #e062ff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 44
- G 19
- B 89
RGB color chart
- C 50
- M 78
- Y 0
- K 11
CMYK color chart

● #7031e2 color description : Bright violet.

The hexadecimal color #7031e2 has RGB values of R:112, G:49, B:226 and CMYK values of C:0.5, M:0.78, Y:0, K:0.11. Its decimal value is 7352802.

Hex triplet	7031e2	`#7031e2`
RGB Decimal	112, 49, 226	`rgb(112,49,226)`
RGB Percent	43.9, 19.2, 88.6	`rgb(43.9%,19.2%,88.6%)`
CMYK	50, 78, 0, 11
HSL	261.4°, 75.3, 53.9	`hsl(261.4,75.3%,53.9%)`
HSV (or HSB)	261.4°, 78.3, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.802, 64.152, -78.806
XYZ	21.505, 11.132, 72.963
xyY	0.204, 0.105, 11.132
CIE-LCH	39.802, 101.616, 309.147
CIE-LUV	39.802, 6.893, -115.075
Hunter-Lab	33.365, 56.665, -106.302
Binary	01110000, 00110001, 11100010

#7031e2
```
#7031e2 rgb(112,49,226)
```
#a3e231
```
#a3e231 rgb(163,226,49)
```

Complementary Color

#314be2
```
#314be2 rgb(49,75,226)
```
#7031e2
```
#7031e2 rgb(112,49,226)
```
#c931e2
```
#c931e2 rgb(201,49,226)
```

Analogous Color

#4be231
```
#4be231 rgb(75,226,49)
```
#7031e2
```
#7031e2 rgb(112,49,226)
```
#e2c931
```
#e2c931 rgb(226,201,49)
```

Split Complementary Color

#31e270
```
#31e270 rgb(49,226,112)
```
#7031e2
```
#7031e2 rgb(112,49,226)
```
#e27031
```
#e27031 rgb(226,112,49)
```

Triadic Color

#31a3e2
```
#31a3e2 rgb(49,163,226)
```
#7031e2
```
#7031e2 rgb(112,49,226)
```
#e27031
```
#e27031 rgb(226,112,49)
```
#a3e231
```
#a3e231 rgb(163,226,49)
```

Tetradic Color

#4e18ae
```
#4e18ae rgb(78,24,174)
```
#581cc4
```
#581cc4 rgb(88,28,196)
```
#621fdb
```
#621fdb rgb(98,31,219)
```
#7031e2
```
#7031e2 rgb(112,49,226)
```
#8047e5
```
#8047e5 rgb(128,71,229)
```
#8f5ee8
```
#8f5ee8 rgb(143,94,232)
```
#9f74eb
```
#9f74eb rgb(159,116,235)
```

Monochromatic Color

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

#4431e2
```
#4431e2 rgb(68,49,226)
```
#5231e2
```
#5231e2 rgb(82,49,226)
```
#6131e2
```
#6131e2 rgb(97,49,226)
```
#7031e2
```
#7031e2 rgb(112,49,226)
```
#7f31e2
```
#7f31e2 rgb(127,49,226)
```
#8e31e2
```
#8e31e2 rgb(142,49,226)
```
#9c31e2
```
#9c31e2 rgb(156,49,226)
```

Similar Colors

Text with hexadecimal color #7031e2

This text has a font color of #7031e2.

<span style="color:#7031e2;">Text here</span>

#7031e2 background color

This paragraph has a background color of #7031e2.

<p style="background-color:#7031e2;">Content here</p>

#7031e2 border color

This element has a border color of #7031e2.

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

CSS codes

.text {color:#7031e2;}

.background {background-color:#7031e2;}

.border {border:1px solid #7031e2;}

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

#000000
```
#000000 rgb(0,0,0)
```
#080212
```
#080212 rgb(8,2,18)
```
#100523
```
#100523 rgb(16,5,35)
```
#170734
```
#170734 rgb(23,7,52)
```
#1f0a45
```
#1f0a45 rgb(31,10,69)
```
#270c56
```
#270c56 rgb(39,12,86)
```
#2e0f68
```
#2e0f68 rgb(46,15,104)
```
#361179
```
#361179 rgb(54,17,121)
```
#3e138a
```
#3e138a rgb(62,19,138)
```
#45169b
```
#45169b rgb(69,22,155)
```
#4d18ac
```
#4d18ac rgb(77,24,172)
```
#551bbd
```
#551bbd rgb(85,27,189)
```
#5c1dcf
```
#5c1dcf rgb(92,29,207)
```

Shade Color Variation

#6420e0
```
#6420e0 rgb(100,32,224)
```
#7031e2
```
#7031e2 rgb(112,49,226)
```
#7c42e4
```
#7c42e4 rgb(124,66,228)
```
#8853e7
```
#8853e7 rgb(136,83,231)
```
#9465e9
```
#9465e9 rgb(148,101,233)
```
#a076ec
```
#a076ec rgb(160,118,236)
```
#ac87ee
```
#ac87ee rgb(172,135,238)
```
#b898f1
```
#b898f1 rgb(184,152,241)
```
#c4a9f3
```
#c4a9f3 rgb(196,169,243)
```
#cfbbf5
```
#cfbbf5 rgb(207,187,245)
```
#dbccf8
```
#dbccf8 rgb(219,204,248)
```
#e7ddfa
```
#e7ddfa rgb(231,221,250)
```
#f3eefd
```
#f3eefd rgb(243,238,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878291 is the less saturated color, while #6816fd is the most saturated one.

#878291
```
#878291 rgb(135,130,145)
```
#85799a
```
#85799a rgb(133,121,154)
```
#8270a3
```
#8270a3 rgb(130,112,163)
```
#8067ac
```
#8067ac rgb(128,103,172)
```
#7d5eb5
```
#7d5eb5 rgb(125,94,181)
```
#7a55be
```
#7a55be rgb(122,85,190)
```
#784cc7
```
#784cc7 rgb(120,76,199)
```
#7543d0
```
#7543d0 rgb(117,67,208)
```
#733ad9
```
#733ad9 rgb(115,58,217)
```
#7031e2
```
#7031e2 rgb(112,49,226)
```
#6d28eb
```
#6d28eb rgb(109,40,235)
```
#6b1ff4
```
#6b1ff4 rgb(107,31,244)
```
#6816fd
```
#6816fd rgb(104,22,253)
```

Tone Color Variation

Below, you can see how #7031e2 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

#585858 Achromatopsia 0.005% of the population
#5d5074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c0 Protanopia 1% of men
#0068a8 Deuteranopia 1% of men
#4b6b72 Tritanopia 0.001% of the population

Trichromacy

#2850cc Protanomaly 1% of men, 0.01% of women
#2854bd Deuteranomaly 6% of men, 0.4% of women
#58559b Tritanomaly 0.01% of the population

#7031e2 hex color

#7031e2 Color Information

#7031e2 Color Conversion

Color Schemes with #7031e2

Alternatives to #7031e2

#7031e2 Preview

Shades and Tints of #7031e2

Tones of #7031e2

Color Blindness Simulator