#7030ff hex color

In a RGB color space, hex #7030ff is composed of 43.9% red, 18.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 81.2% magenta, 0% yellow and 0% black. It has a hue angle of 258.6 degrees, a saturation of 100% and a lightness of 59.4%. #7030ff color hex could be obtained by blending #e060ff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 44
- G 19
- B 100
RGB color chart
- C 56
- M 81
- Y 0
- K 0
CMYK color chart

● #7030ff color description : Vivid violet.

The hexadecimal color #7030ff has RGB values of R:112, G:48, B:255 and CMYK values of C:0.56, M:0.81, Y:0, K:0. Its decimal value is 7352575.

Hex triplet	7030ff	`#7030ff`
RGB Decimal	112, 48, 255	`rgb(112,48,255)`
RGB Percent	43.9, 18.8, 100	`rgb(43.9%,18.8%,100%)`
CMYK	56, 81, 0, 0
HSL	258.6°, 100, 59.4	`hsl(258.6,100%,59.4%)`
HSV (or HSB)	258.6°, 81.2, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.427, 71.841, -90.849
XYZ	25.786, 12.778, 95.71
xyY	0.192, 0.095, 12.778
CIE-LCH	42.427, 115.822, 308.336
CIE-LUV	42.427, 3.625, -132.605
Hunter-Lab	35.746, 66.206, -133.725
Binary	01110000, 00110000, 11111111

#7030ff
```
#7030ff rgb(112,48,255)
```
#bfff30
```
#bfff30 rgb(191,255,48)
```

Complementary Color

#3058ff
```
#3058ff rgb(48,88,255)
```
#7030ff
```
#7030ff rgb(112,48,255)
```
#d830ff
```
#d830ff rgb(216,48,255)
```

Analogous Color

#58ff30
```
#58ff30 rgb(88,255,48)
```
#7030ff
```
#7030ff rgb(112,48,255)
```
#ffd830
```
#ffd830 rgb(255,216,48)
```

Split Complementary Color

#30ff70
```
#30ff70 rgb(48,255,112)
```
#7030ff
```
#7030ff rgb(112,48,255)
```
#ff7030
```
#ff7030 rgb(255,112,48)
```

Triadic Color

#30bfff
```
#30bfff rgb(48,191,255)
```
#7030ff
```
#7030ff rgb(112,48,255)
```
#ff7030
```
#ff7030 rgb(255,112,48)
```
#bfff30
```
#bfff30 rgb(191,255,48)
```

Tetradic Color

#4600e3
```
#4600e3 rgb(70,0,227)
```
#4e00fc
```
#4e00fc rgb(78,0,252)
```
#5e17ff
```
#5e17ff rgb(94,23,255)
```
#7030ff
```
#7030ff rgb(112,48,255)
```
#824aff
```
#824aff rgb(130,74,255)
```
#9363ff
```
#9363ff rgb(147,99,255)
```
#a57dff
```
#a57dff rgb(165,125,255)
```

Monochromatic Color

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

#3c30ff
```
#3c30ff rgb(60,48,255)
```
#4e30ff
```
#4e30ff rgb(78,48,255)
```
#5f30ff
```
#5f30ff rgb(95,48,255)
```
#7030ff
```
#7030ff rgb(112,48,255)
```
#8130ff
```
#8130ff rgb(129,48,255)
```
#9330ff
```
#9330ff rgb(147,48,255)
```
#a430ff
```
#a430ff rgb(164,48,255)
```

Similar Colors

Text with hexadecimal color #7030ff

This text has a font color of #7030ff.

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

#7030ff background color

This paragraph has a background color of #7030ff.

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

#7030ff border color

This element has a border color of #7030ff.

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

CSS codes

.text {color:#7030ff;}

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

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

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

#030009
```
#030009 rgb(3,0,9)
```
#09001c
```
#09001c rgb(9,0,28)
```
#0f0030
```
#0f0030 rgb(15,0,48)
```
#150044
```
#150044 rgb(21,0,68)
```
#1b0057
```
#1b0057 rgb(27,0,87)
```
#21006b
```
#21006b rgb(33,0,107)
```
#27007e
```
#27007e rgb(39,0,126)
```
#2d0092
```
#2d0092 rgb(45,0,146)
```
#3300a6
```
#3300a6 rgb(51,0,166)
```
#3900b9
```
#3900b9 rgb(57,0,185)
```
#3f00cd
```
#3f00cd rgb(63,0,205)
```
#4500e1
```
#4500e1 rgb(69,0,225)
```
#4b00f4
```
#4b00f4 rgb(75,0,244)
```

Shade Color Variation

#5509ff
```
#5509ff rgb(85,9,255)
```
#621cff
```
#621cff rgb(98,28,255)
```
#7030ff
```
#7030ff rgb(112,48,255)
```
#7e44ff
```
#7e44ff rgb(126,68,255)
```
#8b57ff
```
#8b57ff rgb(139,87,255)
```
#996bff
```
#996bff rgb(153,107,255)
```
#a67eff
```
#a67eff rgb(166,126,255)
```
#b492ff
```
#b492ff rgb(180,146,255)
```
#c1a6ff
```
#c1a6ff rgb(193,166,255)
```
#cfb9ff
```
#cfb9ff rgb(207,185,255)
```
#dccdff
```
#dccdff rgb(220,205,255)
```
#eae1ff
```
#eae1ff rgb(234,225,255)
```
#f8f4ff
```
#f8f4ff rgb(248,244,255)
```

Tint Color Variation

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

#94909f
```
#94909f rgb(148,144,159)
```
#9188a7
```
#9188a7 rgb(145,136,167)
```
#8e80af
```
#8e80af rgb(142,128,175)
```
#8b78b7
```
#8b78b7 rgb(139,120,183)
```
#8870bf
```
#8870bf rgb(136,112,191)
```
#8568c7
```
#8568c7 rgb(133,104,199)
```
#8260cf
```
#8260cf rgb(130,96,207)
```
#7f58d7
```
#7f58d7 rgb(127,88,215)
```
#7c50df
```
#7c50df rgb(124,80,223)
```
#7948e7
```
#7948e7 rgb(121,72,231)
```
#7640ef
```
#7640ef rgb(118,64,239)
```
#7338f7
```
#7338f7 rgb(115,56,247)
```
#7030ff
```
#7030ff rgb(112,48,255)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5f527c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cc Protanopia 1% of men
#006fb1 Deuteranopia 1% of men
#30757d Tritanopia 0.001% of the population

Trichromacy

#2854de Protanomaly 1% of men, 0.01% of women
#2858cd Deuteranomaly 6% of men, 0.4% of women
#475cac Tritanomaly 0.01% of the population

#7030ff hex color

#7030ff Color Information

#7030ff Color Conversion

Color Schemes with #7030ff

Alternatives to #7030ff

#7030ff Preview

Shades and Tints of #7030ff

Tones of #7030ff

Color Blindness Simulator