#8a22ed hex color

In a RGB color space, hex #8a22ed is composed of 54.1% red, 13.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 41.8% cyan, 85.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 270.7 degrees, a saturation of 84.9% and a lightness of 53.1%. #8a22ed color hex could be obtained by blending #ff44ff with #1500db. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 54
- G 13
- B 93
RGB color chart
- C 42
- M 86
- Y 0
- K 7
CMYK color chart

● #8a22ed color description : Vivid violet.

The hexadecimal color #8a22ed has RGB values of R:138, G:34, B:237 and CMYK values of C:0.42, M:0.86, Y:0, K:0.07. Its decimal value is 9052909.

Hex triplet	8a22ed	`#8a22ed`
RGB Decimal	138, 34, 237	`rgb(138,34,237)`
RGB Percent	54.1, 13.3, 92.9	`rgb(54.1%,13.3%,92.9%)`
CMYK	42, 86, 0, 7
HSL	270.7°, 84.9, 53.1	`hsl(270.7,84.9%,53.1%)`
HSV (or HSB)	270.7°, 85.7, 92.9
Web Safe	9933ff	`#9933ff`

CIE-LAB	42.249, 74.896, -80.918
XYZ	26.337, 12.662, 81.173
xyY	0.219, 0.105, 12.662
CIE-LCH	42.249, 110.26, 312.787
CIE-LUV	42.249, 17.183, -121.1
Hunter-Lab	35.584, 69.844, -110.343
Binary	10001010, 00100010, 11101101

#8a22ed
```
#8a22ed rgb(138,34,237)
```
#85ed22
```
#85ed22 rgb(133,237,34)
```

Complementary Color

#2422ed
```
#2422ed rgb(36,34,237)
```
#8a22ed
```
#8a22ed rgb(138,34,237)
```
#ed22eb
```
#ed22eb rgb(237,34,235)
```

Analogous Color

#22ed24
```
#22ed24 rgb(34,237,36)
```
#8a22ed
```
#8a22ed rgb(138,34,237)
```
#ebed22
```
#ebed22 rgb(235,237,34)
```

Split Complementary Color

#22ed8a
```
#22ed8a rgb(34,237,138)
```
#8a22ed
```
#8a22ed rgb(138,34,237)
```
#ed8a22
```
#ed8a22 rgb(237,138,34)
```

Triadic Color

#2285ed
```
#2285ed rgb(34,133,237)
```
#8a22ed
```
#8a22ed rgb(138,34,237)
```
#ed8a22
```
#ed8a22 rgb(237,138,34)
```
#85ed22
```
#85ed22 rgb(133,237,34)
```

Tetradic Color

#630fb4
```
#630fb4 rgb(99,15,180)
```
#7011cb
```
#7011cb rgb(112,17,203)
```
#7d12e3
```
#7d12e3 rgb(125,18,227)
```
#8a22ed
```
#8a22ed rgb(138,34,237)
```
#963aef
```
#963aef rgb(150,58,239)
```
#a351f1
```
#a351f1 rgb(163,81,241)
```
#af69f3
```
#af69f3 rgb(175,105,243)
```

Monochromatic Color

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

#5722ed
```
#5722ed rgb(87,34,237)
```
#6822ed
```
#6822ed rgb(104,34,237)
```
#7922ed
```
#7922ed rgb(121,34,237)
```
#8a22ed
```
#8a22ed rgb(138,34,237)
```
#9b22ed
```
#9b22ed rgb(155,34,237)
```
#ac22ed
```
#ac22ed rgb(172,34,237)
```
#bd22ed
```
#bd22ed rgb(189,34,237)
```

Similar Colors

Text with hexadecimal color #8a22ed

This text has a font color of #8a22ed.

<span style="color:#8a22ed;">Text here</span>

#8a22ed background color

This paragraph has a background color of #8a22ed.

<p style="background-color:#8a22ed;">Content here</p>

#8a22ed border color

This element has a border color of #8a22ed.

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

CSS codes

.text {color:#8a22ed;}

.background {background-color:#8a22ed;}

.border {border:1px solid #8a22ed;}

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, #08010f is the darkest color, while #fdfcff is the lightest one.

#08010f
```
#08010f rgb(8,1,15)
```
#120321
```
#120321 rgb(18,3,33)
```
#1c0433
```
#1c0433 rgb(28,4,51)
```
#260645
```
#260645 rgb(38,6,69)
```
#300757
```
#300757 rgb(48,7,87)
```
#3a0969
```
#3a0969 rgb(58,9,105)
```
#440a7c
```
#440a7c rgb(68,10,124)
```
#4e0c8e
```
#4e0c8e rgb(78,12,142)
```
#580da0
```
#580da0 rgb(88,13,160)
```
#620fb2
```
#620fb2 rgb(98,15,178)
```
#6c10c4
```
#6c10c4 rgb(108,16,196)
```
#7611d6
```
#7611d6 rgb(118,17,214)
```
#8013e8
```
#8013e8 rgb(128,19,232)
```

Shade Color Variation

#8a22ed
```
#8a22ed rgb(138,34,237)
```
#9434ee
```
#9434ee rgb(148,52,238)
```
#9d46f0
```
#9d46f0 rgb(157,70,240)
```
#a758f1
```
#a758f1 rgb(167,88,241)
```
#b06bf3
```
#b06bf3 rgb(176,107,243)
```
#ba7df4
```
#ba7df4 rgb(186,125,244)
```
#c48ff6
```
#c48ff6 rgb(196,143,246)
```
#cda1f7
```
#cda1f7 rgb(205,161,247)
```
#d7b3f9
```
#d7b3f9 rgb(215,179,249)
```
#e0c5fa
```
#e0c5fa rgb(224,197,250)
```
#ead7fc
```
#ead7fc rgb(234,215,252)
```
#f4eafd
```
#f4eafd rgb(244,234,253)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#888788
```
#888788 rgb(136,135,136)
```
#887e91
```
#887e91 rgb(136,126,145)
```
#88759a
```
#88759a rgb(136,117,154)
```
#886ca3
```
#886ca3 rgb(136,108,163)
```
#8862ad
```
#8862ad rgb(136,98,173)
```
#8959b6
```
#8959b6 rgb(137,89,182)
```
#8950bf
```
#8950bf rgb(137,80,191)
```
#8947c8
```
#8947c8 rgb(137,71,200)
```
#893ed1
```
#893ed1 rgb(137,62,209)
```
#8a34db
```
#8a34db rgb(138,52,219)
```
#8a2be4
```
#8a2be4 rgb(138,43,228)
```
#8a22ed
```
#8a22ed rgb(138,34,237)
```
#8a19f6
```
#8a19f6 rgb(138,25,246)
```

Tone Color Variation

Below, you can see how #8a22ed 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

#585858 Achromatopsia 0.005% of the population
#624d76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006eb2 Deuteranopia 1% of men
#6d6a72 Tritanopia 0.001% of the population

Trichromacy

#324fd7 Protanomaly 1% of men, 0.01% of women
#3252c7 Deuteranomaly 6% of men, 0.4% of women
#77509e Tritanomaly 0.01% of the population

#8a22ed hex color

#8a22ed Color Information

#8a22ed Color Conversion

Color Schemes with #8a22ed

Alternatives to #8a22ed

#8a22ed Preview

Shades and Tints of #8a22ed

Tones of #8a22ed

Color Blindness Simulator