#7022b3 hex color

In a RGB color space, hex #7022b3 is composed of 43.9% red, 13.3% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 37.4% cyan, 81% magenta, 0% yellow and 29.8% black. It has a hue angle of 272.3 degrees, a saturation of 68.1% and a lightness of 41.8%. #7022b3 color hex could be obtained by blending #e044ff with #000067. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 44
- G 13
- B 70
RGB color chart
- C 37
- M 81
- Y 0
- K 30
CMYK color chart

● #7022b3 color description : Strong violet.

The hexadecimal color #7022b3 has RGB values of R:112, G:34, B:179 and CMYK values of C:0.37, M:0.81, Y:0, K:0.3. Its decimal value is 7348915.

Hex triplet	7022b3	`#7022b3`
RGB Decimal	112, 34, 179	`rgb(112,34,179)`
RGB Percent	43.9, 13.3, 70.2	`rgb(43.9%,13.3%,70.2%)`
CMYK	37, 81, 0, 30
HSL	272.3°, 68.1, 41.8	`hsl(272.3,68.1%,41.8%)`
HSV (or HSB)	272.3°, 81, 70.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.655, 58.49, -61.518
XYZ	15.39, 7.844, 43.349
xyY	0.231, 0.118, 7.844
CIE-LCH	33.655, 84.885, 313.555
CIE-LUV	33.655, 15.812, -87.51
Hunter-Lab	28.007, 49.074, -72.165
Binary	01110000, 00100010, 10110011

#7022b3
```
#7022b3 rgb(112,34,179)
```
#65b322
```
#65b322 rgb(101,179,34)
```

Complementary Color

#2722b3
```
#2722b3 rgb(39,34,179)
```
#7022b3
```
#7022b3 rgb(112,34,179)
```
#b322ae
```
#b322ae rgb(179,34,174)
```

Analogous Color

#22b327
```
#22b327 rgb(34,179,39)
```
#7022b3
```
#7022b3 rgb(112,34,179)
```
#aeb322
```
#aeb322 rgb(174,179,34)
```

Split Complementary Color

#22b370
```
#22b370 rgb(34,179,112)
```
#7022b3
```
#7022b3 rgb(112,34,179)
```
#b37022
```
#b37022 rgb(179,112,34)
```

Triadic Color

#2265b3
```
#2265b3 rgb(34,101,179)
```
#7022b3
```
#7022b3 rgb(112,34,179)
```
#b37022
```
#b37022 rgb(179,112,34)
```
#65b322
```
#65b322 rgb(101,179,34)
```

Tetradic Color

#481673
```
#481673 rgb(72,22,115)
```
#551a88
```
#551a88 rgb(85,26,136)
```
#631e9e
```
#631e9e rgb(99,30,158)
```
#7022b3
```
#7022b3 rgb(112,34,179)
```
#7d26c8
```
#7d26c8 rgb(125,38,200)
```
#8a30d8
```
#8a30d8 rgb(138,48,216)
```
#9646dc
```
#9646dc rgb(150,70,220)
```

Monochromatic Color

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

#4c22b3
```
#4c22b3 rgb(76,34,179)
```
#5822b3
```
#5822b3 rgb(88,34,179)
```
#6422b3
```
#6422b3 rgb(100,34,179)
```
#7022b3
```
#7022b3 rgb(112,34,179)
```
#7c22b3
```
#7c22b3 rgb(124,34,179)
```
#8822b3
```
#8822b3 rgb(136,34,179)
```
#9422b3
```
#9422b3 rgb(148,34,179)
```

Similar Colors

Text with hexadecimal color #7022b3

This text has a font color of #7022b3.

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

#7022b3 background color

This paragraph has a background color of #7022b3.

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

#7022b3 border color

This element has a border color of #7022b3.

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

CSS codes

.text {color:#7022b3;}

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

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

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, #09030e is the darkest color, while #fefdff is the lightest one.

#09030e
```
#09030e rgb(9,3,14)
```
#13061f
```
#13061f rgb(19,6,31)
```
#1d092f
```
#1d092f rgb(29,9,47)
```
#280c40
```
#280c40 rgb(40,12,64)
```
#320f50
```
#320f50 rgb(50,15,80)
```
#3c1261
```
#3c1261 rgb(60,18,97)
```
#471571
```
#471571 rgb(71,21,113)
```
#511982
```
#511982 rgb(81,25,130)
```
#5b1c92
```
#5b1c92 rgb(91,28,146)
```
#661fa3
```
#661fa3 rgb(102,31,163)
```
#7022b3
```
#7022b3 rgb(112,34,179)
```
#7a25c3
```
#7a25c3 rgb(122,37,195)
```
#8528d4
```
#8528d4 rgb(133,40,212)
```

Shade Color Variation

#8e37d9
```
#8e37d9 rgb(142,55,217)
```
#9747dc
```
#9747dc rgb(151,71,220)
```
#a158df
```
#a158df rgb(161,88,223)
```
#aa68e2
```
#aa68e2 rgb(170,104,226)
```
#b379e6
```
#b379e6 rgb(179,121,230)
```
#bd89e9
```
#bd89e9 rgb(189,137,233)
```
#c69aec
```
#c69aec rgb(198,154,236)
```
#cfaaef
```
#cfaaef rgb(207,170,239)
```
#d8bbf2
```
#d8bbf2 rgb(216,187,242)
```
#e2cbf5
```
#e2cbf5 rgb(226,203,245)
```
#ebdcf8
```
#ebdcf8 rgb(235,220,248)
```
#f4ecfb
```
#f4ecfb rgb(244,236,251)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#6b6471
```
#6b6471 rgb(107,100,113)
```
#6c5b7a
```
#6c5b7a rgb(108,91,122)
```
#6c5382
```
#6c5382 rgb(108,83,130)
```
#6d4b8a
```
#6d4b8a rgb(109,75,138)
```
#6e4392
```
#6e4392 rgb(110,67,146)
```
#6e3b9a
```
#6e3b9a rgb(110,59,154)
```
#6f32a3
```
#6f32a3 rgb(111,50,163)
```
#6f2aab
```
#6f2aab rgb(111,42,171)
```
#7022b3
```
#7022b3 rgb(112,34,179)
```
#711abb
```
#711abb rgb(113,26,187)
```
#7112c3
```
#7112c3 rgb(113,18,195)
```
#7209cc
```
#7209cc rgb(114,9,204)
```
#7201d4
```
#7201d4 rgb(114,1,212)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#52425f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a92 Deuteranopia 1% of men
#60555b Tritanopia 0.001% of the population

Trichromacy

#2842ab Protanomaly 1% of men, 0.01% of women
#28459e Deuteranomaly 6% of men, 0.4% of women
#66427b Tritanomaly 0.01% of the population

#7022b3 hex color

#7022b3 Color Information

#7022b3 Color Conversion

Color Schemes with #7022b3

Alternatives to #7022b3

#7022b3 Preview

Shades and Tints of #7022b3

Tones of #7022b3

Color Blindness Simulator