#7020fd hex color

In a RGB color space, hex #7020fd is composed of 43.9% red, 12.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 87.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 261.7 degrees, a saturation of 98.2% and a lightness of 55.9%. #7020fd color hex could be obtained by blending #e040ff with #0000fb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 44
- G 13
- B 99
RGB color chart
- C 56
- M 87
- Y 0
- K 1
CMYK color chart

● #7020fd color description : Vivid violet.

The hexadecimal color #7020fd has RGB values of R:112, G:32, B:253 and CMYK values of C:0.56, M:0.87, Y:0, K:0.01. Its decimal value is 7348477.

Hex triplet	7020fd	`#7020fd`
RGB Decimal	112, 32, 253	`rgb(112,32,253)`
RGB Percent	43.9, 12.5, 99.2	`rgb(43.9%,12.5%,99.2%)`
CMYK	56, 87, 0, 1
HSL	261.7°, 98.2, 55.9	`hsl(261.7,98.2%,55.9%)`
HSV (or HSB)	261.7°, 87.4, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.523, 76.406, -92.878
XYZ	24.925, 11.569, 93.843
xyY	0.191, 0.089, 11.569
CIE-LCH	40.523, 120.267, 309.442
CIE-LUV	40.523, 5.201, -132.443
Hunter-Lab	34.013, 71.282, -139.772
Binary	01110000, 00100000, 11111101

#7020fd
```
#7020fd rgb(112,32,253)
```
#adfd20
```
#adfd20 rgb(173,253,32)
```

Complementary Color

#203efd
```
#203efd rgb(32,62,253)
```
#7020fd
```
#7020fd rgb(112,32,253)
```
#df20fd
```
#df20fd rgb(223,32,253)
```

Analogous Color

#3efd20
```
#3efd20 rgb(62,253,32)
```
#7020fd
```
#7020fd rgb(112,32,253)
```
#fddf20
```
#fddf20 rgb(253,223,32)
```

Split Complementary Color

#20fd70
```
#20fd70 rgb(32,253,112)
```
#7020fd
```
#7020fd rgb(112,32,253)
```
#fd7020
```
#fd7020 rgb(253,112,32)
```

Triadic Color

#20adfd
```
#20adfd rgb(32,173,253)
```
#7020fd
```
#7020fd rgb(112,32,253)
```
#fd7020
```
#fd7020 rgb(253,112,32)
```
#adfd20
```
#adfd20 rgb(173,253,32)
```

Tetradic Color

#4c02cf
```
#4c02cf rgb(76,2,207)
```
#5502e8
```
#5502e8 rgb(85,2,232)
```
#6007fd
```
#6007fd rgb(96,7,253)
```
#7020fd
```
#7020fd rgb(112,32,253)
```
#8039fd
```
#8039fd rgb(128,57,253)
```
#9053fd
```
#9053fd rgb(144,83,253)
```
#a16cfe
```
#a16cfe rgb(161,108,254)
```

Monochromatic Color

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

#3920fd
```
#3920fd rgb(57,32,253)
```
#4b20fd
```
#4b20fd rgb(75,32,253)
```
#5e20fd
```
#5e20fd rgb(94,32,253)
```
#7020fd
```
#7020fd rgb(112,32,253)
```
#8220fd
```
#8220fd rgb(130,32,253)
```
#9520fd
```
#9520fd rgb(149,32,253)
```
#a720fd
```
#a720fd rgb(167,32,253)
```

Similar Colors

Text with hexadecimal color #7020fd

This text has a font color of #7020fd.

<span style="color:#7020fd;">Text here</span>

#7020fd background color

This paragraph has a background color of #7020fd.

<p style="background-color:#7020fd;">Content here</p>

#7020fd border color

This element has a border color of #7020fd.

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

CSS codes

.text {color:#7020fd;}

.background {background-color:#7020fd;}

.border {border:1px solid #7020fd;}

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

#04000a
```
#04000a rgb(4,0,10)
```
#0b001e
```
#0b001e rgb(11,0,30)
```
#120031
```
#120031 rgb(18,0,49)
```
#190145
```
#190145 rgb(25,1,69)
```
#200158
```
#200158 rgb(32,1,88)
```
#28016b
```
#28016b rgb(40,1,107)
```
#2f017f
```
#2f017f rgb(47,1,127)
```
#360192
```
#360192 rgb(54,1,146)
```
#3d01a6
```
#3d01a6 rgb(61,1,166)
```
#4402b9
```
#4402b9 rgb(68,2,185)
```
#4b02cd
```
#4b02cd rgb(75,2,205)
```
#5202e0
```
#5202e0 rgb(82,2,224)
```
#5a02f4
```
#5a02f4 rgb(90,2,244)
```

Shade Color Variation

#640dfd
```
#640dfd rgb(100,13,253)
```
#7020fd
```
#7020fd rgb(112,32,253)
```
#7c33fd
```
#7c33fd rgb(124,51,253)
```
#8947fd
```
#8947fd rgb(137,71,253)
```
#955afe
```
#955afe rgb(149,90,254)
```
#a26efe
```
#a26efe rgb(162,110,254)
```
#ae81fe
```
#ae81fe rgb(174,129,254)
```
#bb95fe
```
#bb95fe rgb(187,149,254)
```
#c7a8fe
```
#c7a8fe rgb(199,168,254)
```
#d4bcfe
```
#d4bcfe rgb(212,188,254)
```
#e0cfff
```
#e0cfff rgb(224,207,255)
```
#ede2ff
```
#ede2ff rgb(237,226,255)
```
#f9f6ff
```
#f9f6ff rgb(249,246,255)
```

Tint Color Variation

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

#8d8895
```
#8d8895 rgb(141,136,149)
```
#8a7f9e
```
#8a7f9e rgb(138,127,158)
```
#8877a6
```
#8877a6 rgb(136,119,166)
```
#856eaf
```
#856eaf rgb(133,110,175)
```
#8365b8
```
#8365b8 rgb(131,101,184)
```
#815dc0
```
#815dc0 rgb(129,93,192)
```
#7e54c9
```
#7e54c9 rgb(126,84,201)
```
#7c4bd2
```
#7c4bd2 rgb(124,75,210)
```
#7a43da
```
#7a43da rgb(122,67,218)
```
#773ae3
```
#773ae3 rgb(119,58,227)
```
#7531ec
```
#7531ec rgb(117,49,236)
```
#7229f4
```
#7229f4 rgb(114,41,244)
```
#7020fd
```
#7020fd rgb(112,32,253)
```

Tone Color Variation

Below, you can see how #7020fd 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

#515151 Achromatopsia 0.005% of the population
#574773 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#307078 Tritanopia 0.001% of the population

Trichromacy

#284bd8 Protanomaly 1% of men, 0.01% of women
#284fc8 Deuteranomaly 6% of men, 0.4% of women
#4753a8 Tritanomaly 0.01% of the population

#7020fd hex color

#7020fd Color Information

#7020fd Color Conversion

Color Schemes with #7020fd

Alternatives to #7020fd

#7020fd Preview

Shades and Tints of #7020fd

Tones of #7020fd

Color Blindness Simulator