colorhexa.com

#722ae4 hex color

In a RGB color space, hex #722ae4 is composed of 44.7% red, 16.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 81.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 263.2 degrees, a saturation of 77.5% and a lightness of 52.9%. #722ae4 color hex could be obtained by blending #e454ff with #0000c9. Closest websafe color is: #6633cc.

- R 45
- G 16
- B 89
RGB color chart
- C 50
- M 82
- Y 0
- K 11
CMYK color chart

● #722ae4 color description : Bright violet.

The hexadecimal color #722ae4 has RGB values of R:114, G:42, B:228 and CMYK values of C:0.5, M:0.82, Y:0, K:0.11. Its decimal value is 7482084.

Hex triplet	722ae4	`#722ae4`
RGB Decimal	114, 42, 228	`rgb(114,42,228)`
RGB Percent	44.7, 16.5, 89.4	`rgb(44.7%,16.5%,89.4%)`
CMYK	50, 82, 0, 11
HSL	263.2°, 77.5, 52.9	`hsl(263.2,77.5%,52.9%)`
HSV (or HSB)	263.2°, 81.6, 89.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.3, 67.551, -80.764
XYZ	21.769, 10.835, 74.339
xyY	0.204, 0.101, 10.835
CIE-LCH	39.3, 105.29, 309.909
CIE-LUV	39.3, 8.145, -116.962
Hunter-Lab	32.916, 60.447, -110.863
Binary	01110010, 00101010, 11100100

#722ae4
```
#722ae4 rgb(114,42,228)
```
#9ce42a
```
#9ce42a rgb(156,228,42)
```

Complementary Color

#2a3fe4
```
#2a3fe4 rgb(42,63,228)
```
#722ae4
```
#722ae4 rgb(114,42,228)
```
#cf2ae4
```
#cf2ae4 rgb(207,42,228)
```

Analogous Color

#3fe42a
```
#3fe42a rgb(63,228,42)
```
#722ae4
```
#722ae4 rgb(114,42,228)
```
#e4cf2a
```
#e4cf2a rgb(228,207,42)
```

Split Complementary Color

#2ae472
```
#2ae472 rgb(42,228,114)
```
#722ae4
```
#722ae4 rgb(114,42,228)
```
#e4722a
```
#e4722a rgb(228,114,42)
```

Triadic Color

#2a9ce4
```
#2a9ce4 rgb(42,156,228)
```
#722ae4
```
#722ae4 rgb(114,42,228)
```
#e4722a
```
#e4722a rgb(228,114,42)
```
#9ce42a
```
#9ce42a rgb(156,228,42)
```

Tetradic Color

#5016ac
```
#5016ac rgb(80,22,172)
```
#5a19c2
```
#5a19c2 rgb(90,25,194)
```
#651cd9
```
#651cd9 rgb(101,28,217)
```
#722ae4
```
#722ae4 rgb(114,42,228)
```
#8141e7
```
#8141e7 rgb(129,65,231)
```
#9057ea
```
#9057ea rgb(144,87,234)
```
#9f6eed
```
#9f6eed rgb(159,110,237)
```

Monochromatic Color

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

#442ae4
```
#442ae4 rgb(68,42,228)
```
#532ae4
```
#532ae4 rgb(83,42,228)
```
#632ae4
```
#632ae4 rgb(99,42,228)
```
#722ae4
```
#722ae4 rgb(114,42,228)
```
#822ae4
```
#822ae4 rgb(130,42,228)
```
#912ae4
```
#912ae4 rgb(145,42,228)
```
#a12ae4
```
#a12ae4 rgb(161,42,228)
```

Similar Colors

Text with hexadecimal color #722ae4

This text has a font color of #722ae4.

<span style="color:#722ae4;">Text here</span>

#722ae4 background color

This paragraph has a background color of #722ae4.

<p style="background-color:#722ae4;">Content here</p>

#722ae4 border color

This element has a border color of #722ae4.

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

CSS codes

.text {color:#722ae4;}

.background {background-color:#722ae4;}

.border {border:1px solid #722ae4;}

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, #06020d is the darkest color, while #fcfbfe is the lightest one.

#06020d
```
#06020d rgb(6,2,13)
```
#0e041f
```
#0e041f rgb(14,4,31)
```
#160630
```
#160630 rgb(22,6,48)
```
#1e0842
```
#1e0842 rgb(30,8,66)
```
#270b53
```
#270b53 rgb(39,11,83)
```
#2f0d64
```
#2f0d64 rgb(47,13,100)
```
#370f76
```
#370f76 rgb(55,15,118)
```
#3f1187
```
#3f1187 rgb(63,17,135)
```
#471399
```
#471399 rgb(71,19,153)
```
#4f16aa
```
#4f16aa rgb(79,22,170)
```
#5718bb
```
#5718bb rgb(87,24,187)
```
#5f1acd
```
#5f1acd rgb(95,26,205)
```
#671cde
```
#671cde rgb(103,28,222)
```

Shade Color Variation

#722ae4
```
#722ae4 rgb(114,42,228)
```
#7e3be6
```
#7e3be6 rgb(126,59,230)
```
#894de8
```
#894de8 rgb(137,77,232)
```
#955eeb
```
#955eeb rgb(149,94,235)
```
#a070ed
```
#a070ed rgb(160,112,237)
```
#ac81ef
```
#ac81ef rgb(172,129,239)
```
#b792f1
```
#b792f1 rgb(183,146,241)
```
#c3a4f3
```
#c3a4f3 rgb(195,164,243)
```
#ceb5f6
```
#ceb5f6 rgb(206,181,246)
```
#dac7f8
```
#dac7f8 rgb(218,199,248)
```
#e5d8fa
```
#e5d8fa rgb(229,216,250)
```
#f1e9fc
```
#f1e9fc rgb(241,233,252)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#878688
```
#878688 rgb(135,134,136)
```
#857d91
```
#857d91 rgb(133,125,145)
```
#83749a
```
#83749a rgb(131,116,154)
```
#816ba3
```
#816ba3 rgb(129,107,163)
```
#7f61ad
```
#7f61ad rgb(127,97,173)
```
#7c58b6
```
#7c58b6 rgb(124,88,182)
```
#7a4fbf
```
#7a4fbf rgb(122,79,191)
```
#7846c8
```
#7846c8 rgb(120,70,200)
```
#763cd2
```
#763cd2 rgb(118,60,210)
```
#7433db
```
#7433db rgb(116,51,219)
```
#722ae4
```
#722ae4 rgb(114,42,228)
```
#7021ed
```
#7021ed rgb(112,33,237)
```
#6e18f6
```
#6e18f6 rgb(110,24,246)
```

Tone Color Variation

Below, you can see how #722ae4 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

#555555 Achromatopsia 0.005% of the population
#5b4c72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062be Protanopia 1% of men
#0067a6 Deuteranopia 1% of men
#4d6971 Tritanopia 0.001% of the population

Trichromacy

#294dcc Protanomaly 1% of men, 0.01% of women
#2951bc Deuteranomaly 6% of men, 0.4% of women
#5a529a Tritanomaly 0.01% of the population