#7020a4 hex color

In a RGB color space, hex #7020a4 is composed of 43.9% red, 12.5% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 31.7% cyan, 80.5% magenta, 0% yellow and 35.7% black. It has a hue angle of 276.4 degrees, a saturation of 67.3% and a lightness of 38.4%. #7020a4 color hex could be obtained by blending #e040ff with #000049. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 44
- G 13
- B 64
RGB color chart
- C 32
- M 80
- Y 0
- K 36
CMYK color chart

● #7020a4 color description : Dark violet.

The hexadecimal color #7020a4 has RGB values of R:112, G:32, B:164 and CMYK values of C:0.32, M:0.8, Y:0, K:0.36. Its decimal value is 7348388.

Hex triplet	7020a4	`#7020a4`
RGB Decimal	112, 32, 164	`rgb(112,32,164)`
RGB Percent	43.9, 12.5, 64.3	`rgb(43.9%,12.5%,64.3%)`
CMYK	32, 80, 0, 36
HSL	276.4°, 67.3, 38.4	`hsl(276.4,67.3%,38.4%)`
HSV (or HSB)	276.4°, 80.5, 64.3
Web Safe	663399	`#663399`

CIE-LAB	32.165, 55.811, -54.958
XYZ	13.898, 7.158, 35.769
xyY	0.245, 0.126, 7.158
CIE-LCH	32.165, 78.328, 315.442
CIE-LUV	32.165, 18.972, -77.979
Hunter-Lab	26.755, 45.903, -60.537
Binary	01110000, 00100000, 10100100

#7020a4
```
#7020a4 rgb(112,32,164)
```
#54a420
```
#54a420 rgb(84,164,32)
```

Complementary Color

#2e20a4
```
#2e20a4 rgb(46,32,164)
```
#7020a4
```
#7020a4 rgb(112,32,164)
```
#a42096
```
#a42096 rgb(164,32,150)
```

Analogous Color

#20a42e
```
#20a42e rgb(32,164,46)
```
#7020a4
```
#7020a4 rgb(112,32,164)
```
#96a420
```
#96a420 rgb(150,164,32)
```

Split Complementary Color

#20a470
```
#20a470 rgb(32,164,112)
```
#7020a4
```
#7020a4 rgb(112,32,164)
```
#a47020
```
#a47020 rgb(164,112,32)
```

Triadic Color

#2054a4
```
#2054a4 rgb(32,84,164)
```
#7020a4
```
#7020a4 rgb(112,32,164)
```
#a47020
```
#a47020 rgb(164,112,32)
```
#54a420
```
#54a420 rgb(84,164,32)
```

Tetradic Color

#441464
```
#441464 rgb(68,20,100)
```
#531879
```
#531879 rgb(83,24,121)
```
#611c8f
```
#611c8f rgb(97,28,143)
```
#7020a4
```
#7020a4 rgb(112,32,164)
```
#7f24b9
```
#7f24b9 rgb(127,36,185)
```
#8d28cf
```
#8d28cf rgb(141,40,207)
```
#9938d8
```
#9938d8 rgb(153,56,216)
```

Monochromatic Color

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

#4f20a4
```
#4f20a4 rgb(79,32,164)
```
#5a20a4
```
#5a20a4 rgb(90,32,164)
```
#6520a4
```
#6520a4 rgb(101,32,164)
```
#7020a4
```
#7020a4 rgb(112,32,164)
```
#7b20a4
```
#7b20a4 rgb(123,32,164)
```
#8620a4
```
#8620a4 rgb(134,32,164)
```
#9120a4
```
#9120a4 rgb(145,32,164)
```

Similar Colors

Text with hexadecimal color #7020a4

This text has a font color of #7020a4.

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

#7020a4 background color

This paragraph has a background color of #7020a4.

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

#7020a4 border color

This element has a border color of #7020a4.

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

CSS codes

.text {color:#7020a4;}

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

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

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, #0b0310 is the darkest color, while #ffffff is the lightest one.

#0b0310
```
#0b0310 rgb(11,3,16)
```
#160621
```
#160621 rgb(22,6,33)
```
#220a31
```
#220a31 rgb(34,10,49)
```
#2d0d42
```
#2d0d42 rgb(45,13,66)
```
#381052
```
#381052 rgb(56,16,82)
```
#431362
```
#431362 rgb(67,19,98)
```
#4e1673
```
#4e1673 rgb(78,22,115)
```
#5a1a83
```
#5a1a83 rgb(90,26,131)
```
#651d94
```
#651d94 rgb(101,29,148)
```
#7020a4
```
#7020a4 rgb(112,32,164)
```
#7b23b4
```
#7b23b4 rgb(123,35,180)
```
#8626c5
```
#8626c5 rgb(134,38,197)
```
#922ad5
```
#922ad5 rgb(146,42,213)
```

Shade Color Variation

#9a3ad9
```
#9a3ad9 rgb(154,58,217)
```
#a24adc
```
#a24adc rgb(162,74,220)
```
#ab5bdf
```
#ab5bdf rgb(171,91,223)
```
#b36be2
```
#b36be2 rgb(179,107,226)
```
#bc7ce5
```
#bc7ce5 rgb(188,124,229)
```
#c48ce9
```
#c48ce9 rgb(196,140,233)
```
#cc9cec
```
#cc9cec rgb(204,156,236)
```
#d5adef
```
#d5adef rgb(213,173,239)
```
#ddbdf2
```
#ddbdf2 rgb(221,189,242)
```
#e6cef5
```
#e6cef5 rgb(230,206,245)
```
#eedef9
```
#eedef9 rgb(238,222,249)
```
#f7eefc
```
#f7eefc rgb(247,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #635c68 is the less saturated color, while #7602c2 is the most saturated one.

#635c68
```
#635c68 rgb(99,92,104)
```
#65556f
```
#65556f rgb(101,85,111)
```
#664d77
```
#664d77 rgb(102,77,119)
```
#68467e
```
#68467e rgb(104,70,126)
```
#6a3e86
```
#6a3e86 rgb(106,62,134)
```
#6b378d
```
#6b378d rgb(107,55,141)
```
#6d2f95
```
#6d2f95 rgb(109,47,149)
```
#6e289c
```
#6e289c rgb(110,40,156)
```
#7020a4
```
#7020a4 rgb(112,32,164)
```
#7218ac
```
#7218ac rgb(114,24,172)
```
#7311b3
```
#7311b3 rgb(115,17,179)
```
#7509bb
```
#7509bb rgb(117,9,187)
```
#7602c2
```
#7602c2 rgb(118,2,194)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4f3f5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00568e Deuteranopia 1% of men
#654f54 Tritanopia 0.001% of the population

Trichromacy

#2840a1 Protanomaly 1% of men, 0.01% of women
#284296 Deuteranomaly 6% of men, 0.4% of women
#693e71 Tritanomaly 0.01% of the population

#7020a4 hex color

#7020a4 Color Information

#7020a4 Color Conversion

Color Schemes with #7020a4

Alternatives to #7020a4

#7020a4 Preview

Shades and Tints of #7020a4

Tones of #7020a4

Color Blindness Simulator