#7022c4 hex color

In a RGB color space, hex #7022c4 is composed of 43.9% red, 13.3% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 82.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 268.9 degrees, a saturation of 70.4% and a lightness of 45.1%. #7022c4 color hex could be obtained by blending #e044ff with #000089. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 44
- G 13
- B 77
RGB color chart
- C 43
- M 83
- Y 0
- K 23
CMYK color chart

● #7022c4 color description : Strong violet.

The hexadecimal color #7022c4 has RGB values of R:112, G:34, B:196 and CMYK values of C:0.43, M:0.83, Y:0, K:0.23. Its decimal value is 7348932.

Hex triplet	7022c4	`#7022c4`
RGB Decimal	112, 34, 196	`rgb(112,34,196)`
RGB Percent	43.9, 13.3, 76.9	`rgb(43.9%,13.3%,76.9%)`
CMYK	43, 83, 0, 23
HSL	268.9°, 70.4, 45.1	`hsl(268.9,70.4%,45.1%)`
HSV (or HSB)	268.9°, 82.7, 76.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.152, 62.422, -69.104
XYZ	17.216, 8.574, 52.969
xyY	0.219, 0.109, 8.574
CIE-LCH	35.152, 93.123, 312.092
CIE-LUV	35.152, 12.859, -98.297
Hunter-Lab	29.282, 53.705, -86.755
Binary	01110000, 00100010, 11000100

#7022c4
```
#7022c4 rgb(112,34,196)
```
#76c422
```
#76c422 rgb(118,196,34)
```

Complementary Color

#2225c4
```
#2225c4 rgb(34,37,196)
```
#7022c4
```
#7022c4 rgb(112,34,196)
```
#c122c4
```
#c122c4 rgb(193,34,196)
```

Analogous Color

#25c422
```
#25c422 rgb(37,196,34)
```
#7022c4
```
#7022c4 rgb(112,34,196)
```
#c4c122
```
#c4c122 rgb(196,193,34)
```

Split Complementary Color

#22c470
```
#22c470 rgb(34,196,112)
```
#7022c4
```
#7022c4 rgb(112,34,196)
```
#c47022
```
#c47022 rgb(196,112,34)
```

Triadic Color

#2276c4
```
#2276c4 rgb(34,118,196)
```
#7022c4
```
#7022c4 rgb(112,34,196)
```
#c47022
```
#c47022 rgb(196,112,34)
```
#76c422
```
#76c422 rgb(118,196,34)
```

Tetradic Color

#4b1783
```
#4b1783 rgb(75,23,131)
```
#571a99
```
#571a99 rgb(87,26,153)
```
#641eae
```
#641eae rgb(100,30,174)
```
#7022c4
```
#7022c4 rgb(112,34,196)
```
#7c26d9
```
#7c26d9 rgb(124,38,217)
```
#8a3cdd
```
#8a3cdd rgb(138,60,221)
```
#9752e1
```
#9752e1 rgb(151,82,225)
```

Monochromatic Color

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

#4722c4
```
#4722c4 rgb(71,34,196)
```
#5522c4
```
#5522c4 rgb(85,34,196)
```
#6322c4
```
#6322c4 rgb(99,34,196)
```
#7022c4
```
#7022c4 rgb(112,34,196)
```
#7e22c4
```
#7e22c4 rgb(126,34,196)
```
#8b22c4
```
#8b22c4 rgb(139,34,196)
```
#9922c4
```
#9922c4 rgb(153,34,196)
```

Similar Colors

Text with hexadecimal color #7022c4

This text has a font color of #7022c4.

<span style="color:#7022c4;">Text here</span>

#7022c4 background color

This paragraph has a background color of #7022c4.

<p style="background-color:#7022c4;">Content here</p>

#7022c4 border color

This element has a border color of #7022c4.

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

CSS codes

.text {color:#7022c4;}

.background {background-color:#7022c4;}

.border {border:1px solid #7022c4;}

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, #07020c is the darkest color, while #fcfafe is the lightest one.

#07020c
```
#07020c rgb(7,2,12)
```
#10051d
```
#10051d rgb(16,5,29)
```
#1a082e
```
#1a082e rgb(26,8,46)
```
#240b3e
```
#240b3e rgb(36,11,62)
```
#2d0e4f
```
#2d0e4f rgb(45,14,79)
```
#371160
```
#371160 rgb(55,17,96)
```
#401470
```
#401470 rgb(64,20,112)
```
#4a1681
```
#4a1681 rgb(74,22,129)
```
#531992
```
#531992 rgb(83,25,146)
```
#5d1ca3
```
#5d1ca3 rgb(93,28,163)
```
#661fb3
```
#661fb3 rgb(102,31,179)
```
#7022c4
```
#7022c4 rgb(112,34,196)
```
#7a25d5
```
#7a25d5 rgb(122,37,213)
```

Shade Color Variation

#8332db
```
#8332db rgb(131,50,219)
```
#8e43de
```
#8e43de rgb(142,67,222)
```
#9853e1
```
#9853e1 rgb(152,83,225)
```
#a264e4
```
#a264e4 rgb(162,100,228)
```
#ac75e7
```
#ac75e7 rgb(172,117,231)
```
#b685ea
```
#b685ea rgb(182,133,234)
```
#c096ed
```
#c096ed rgb(192,150,237)
```
#caa7f0
```
#caa7f0 rgb(202,167,240)
```
#d4b8f3
```
#d4b8f3 rgb(212,184,243)
```
#dec8f6
```
#dec8f6 rgb(222,200,246)
```
#e8d9f8
```
#e8d9f8 rgb(232,217,248)
```
#f2eafb
```
#f2eafb rgb(242,234,251)
```
#fcfafe
```
#fcfafe rgb(252,250,254)
```

Tint Color Variation

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

#737274
```
#737274 rgb(115,114,116)
```
#73697d
```
#73697d rgb(115,105,125)
```
#726086
```
#726086 rgb(114,96,134)
```
#72578f
```
#72578f rgb(114,87,143)
```
#724e98
```
#724e98 rgb(114,78,152)
```
#7145a1
```
#7145a1 rgb(113,69,161)
```
#713da9
```
#713da9 rgb(113,61,169)
```
#7134b2
```
#7134b2 rgb(113,52,178)
```
#702bbb
```
#702bbb rgb(112,43,187)
```
#7022c4
```
#7022c4 rgb(112,34,196)
```
#7019cd
```
#7019cd rgb(112,25,205)
```
#6f10d6
```
#6f10d6 rgb(111,16,214)
```
#6f07df
```
#6f07df rgb(111,7,223)
```

Tone Color Variation

Below, you can see how #7022c4 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

#4c4c4c Achromatopsia 0.005% of the population
#534464 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005d97 Deuteranopia 1% of men
#5a5b61 Tritanopia 0.001% of the population

Trichromacy

#2845b5 Protanomaly 1% of men, 0.01% of women
#2848a7 Deuteranomaly 6% of men, 0.4% of women
#624685 Tritanomaly 0.01% of the population

#7022c4 hex color

#7022c4 Color Information

#7022c4 Color Conversion

Color Schemes with #7022c4

Alternatives to #7022c4

#7022c4 Preview

Shades and Tints of #7022c4

Tones of #7022c4

Color Blindness Simulator