#7022b8 hex color

In a RGB color space, hex #7022b8 is composed of 43.9% red, 13.3% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 39.1% cyan, 81.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 271.2 degrees, a saturation of 68.8% and a lightness of 42.7%. #7022b8 color hex could be obtained by blending #e044ff with #000071. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 44
- G 13
- B 72
RGB color chart
- C 39
- M 82
- Y 0
- K 28
CMYK color chart

● #7022b8 color description : Strong violet.

The hexadecimal color #7022b8 has RGB values of R:112, G:34, B:184 and CMYK values of C:0.39, M:0.82, Y:0, K:0.28. Its decimal value is 7348920.

Hex triplet	7022b8	`#7022b8`
RGB Decimal	112, 34, 184	`rgb(112,34,184)`
RGB Percent	43.9, 13.3, 72.2	`rgb(43.9%,13.3%,72.2%)`
CMYK	39, 82, 0, 28
HSL	271.2°, 68.8, 42.7	`hsl(271.2,68.8%,42.7%)`
HSV (or HSB)	271.2°, 81.5, 72.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.086, 59.639, -63.781
XYZ	15.904, 8.05, 46.061
xyY	0.227, 0.115, 8.05
CIE-LCH	34.086, 87.32, 313.077
CIE-LUV	34.086, 14.907, -90.72
Hunter-Lab	28.372, 50.411, -76.395
Binary	01110000, 00100010, 10111000

#7022b8
```
#7022b8 rgb(112,34,184)
```
#6ab822
```
#6ab822 rgb(106,184,34)
```

Complementary Color

#2522b8
```
#2522b8 rgb(37,34,184)
```
#7022b8
```
#7022b8 rgb(112,34,184)
```
#b822b5
```
#b822b5 rgb(184,34,181)
```

Analogous Color

#22b825
```
#22b825 rgb(34,184,37)
```
#7022b8
```
#7022b8 rgb(112,34,184)
```
#b5b822
```
#b5b822 rgb(181,184,34)
```

Split Complementary Color

#22b870
```
#22b870 rgb(34,184,112)
```
#7022b8
```
#7022b8 rgb(112,34,184)
```
#b87022
```
#b87022 rgb(184,112,34)
```

Triadic Color

#226ab8
```
#226ab8 rgb(34,106,184)
```
#7022b8
```
#7022b8 rgb(112,34,184)
```
#b87022
```
#b87022 rgb(184,112,34)
```
#6ab822
```
#6ab822 rgb(106,184,34)
```

Tetradic Color

#491677
```
#491677 rgb(73,22,119)
```
#561a8d
```
#561a8d rgb(86,26,141)
```
#631ea2
```
#631ea2 rgb(99,30,162)
```
#7022b8
```
#7022b8 rgb(112,34,184)
```
#7d26ce
```
#7d26ce rgb(125,38,206)
```
#8a34d9
```
#8a34d9 rgb(138,52,217)
```
#9649dd
```
#9649dd rgb(150,73,221)
```

Monochromatic Color

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

#4a22b8
```
#4a22b8 rgb(74,34,184)
```
#5722b8
```
#5722b8 rgb(87,34,184)
```
#6422b8
```
#6422b8 rgb(100,34,184)
```
#7022b8
```
#7022b8 rgb(112,34,184)
```
#7d22b8
```
#7d22b8 rgb(125,34,184)
```
#8922b8
```
#8922b8 rgb(137,34,184)
```
#9622b8
```
#9622b8 rgb(150,34,184)
```

Similar Colors

Text with hexadecimal color #7022b8

This text has a font color of #7022b8.

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

#7022b8 background color

This paragraph has a background color of #7022b8.

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

#7022b8 border color

This element has a border color of #7022b8.

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

CSS codes

.text {color:#7022b8;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0b0312
```
#0b0312 rgb(11,3,18)
```
#150623
```
#150623 rgb(21,6,35)
```
#1f0a34
```
#1f0a34 rgb(31,10,52)
```
#290d44
```
#290d44 rgb(41,13,68)
```
#341055
```
#341055 rgb(52,16,85)
```
#3e1365
```
#3e1365 rgb(62,19,101)
```
#481676
```
#481676 rgb(72,22,118)
```
#521986
```
#521986 rgb(82,25,134)
```
#5c1c97
```
#5c1c97 rgb(92,28,151)
```
#661fa7
```
#661fa7 rgb(102,31,167)
```
#7022b8
```
#7022b8 rgb(112,34,184)
```
#7a25c9
```
#7a25c9 rgb(122,37,201)
```

Shade Color Variation

#842ad8
```
#842ad8 rgb(132,42,216)
```
#8e3adb
```
#8e3adb rgb(142,58,219)
```
#974bde
```
#974bde rgb(151,75,222)
```
#a15be1
```
#a15be1 rgb(161,91,225)
```
#aa6ce4
```
#aa6ce4 rgb(170,108,228)
```
#b47ce7
```
#b47ce7 rgb(180,124,231)
```
#bd8dea
```
#bd8dea rgb(189,141,234)
```
#c79eed
```
#c79eed rgb(199,158,237)
```
#d0aef0
```
#d0aef0 rgb(208,174,240)
```
#dabff3
```
#dabff3 rgb(218,191,243)
```
#e3cff6
```
#e3cff6 rgb(227,207,246)
```
#ede0f9
```
#ede0f9 rgb(237,224,249)
```
#f7f0fc
```
#f7f0fc rgb(247,240,252)
```

Tint Color Variation

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

#6d6575
```
#6d6575 rgb(109,101,117)
```
#6e5d7d
```
#6e5d7d rgb(110,93,125)
```
#6e5486
```
#6e5486 rgb(110,84,134)
```
#6e4c8e
```
#6e4c8e rgb(110,76,142)
```
#6f4496
```
#6f4496 rgb(111,68,150)
```
#6f3b9f
```
#6f3b9f rgb(111,59,159)
```
#6f33a7
```
#6f33a7 rgb(111,51,167)
```
#702ab0
```
#702ab0 rgb(112,42,176)
```
#7022b8
```
#7022b8 rgb(112,34,184)
```
#701ac0
```
#701ac0 rgb(112,26,192)
```
#7111c9
```
#7111c9 rgb(113,17,201)
```
#7109d1
```
#7109d1 rgb(113,9,209)
```
#7100da
```
#7100da rgb(113,0,218)
```

Tone Color Variation

Below, you can see how #7022b8 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
#524260 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b94 Deuteranopia 1% of men
#5e575d Tritanopia 0.001% of the population

Trichromacy

#2843ae Protanomaly 1% of men, 0.01% of women
#2846a1 Deuteranomaly 6% of men, 0.4% of women
#65437e Tritanomaly 0.01% of the population

#7022b8 hex color

#7022b8 Color Information

#7022b8 Color Conversion

Color Schemes with #7022b8

Alternatives to #7022b8

#7022b8 Preview

Shades and Tints of #7022b8

Tones of #7022b8

Color Blindness Simulator