#7c22f2 hex color

In a RGB color space, hex #7c22f2 is composed of 48.6% red, 13.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 86% magenta, 0% yellow and 5.1% black. It has a hue angle of 266 degrees, a saturation of 88.9% and a lightness of 54.1%. #7c22f2 color hex could be obtained by blending #f844ff with #0000e5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 49
- G 13
- B 95
RGB color chart
- C 49
- M 86
- Y 0
- K 5
CMYK color chart

● #7c22f2 color description : Vivid violet.

The hexadecimal color #7c22f2 has RGB values of R:124, G:34, B:242 and CMYK values of C:0.49, M:0.86, Y:0, K:0.05. Its decimal value is 8135410.

Hex triplet	7c22f2	`#7c22f2`
RGB Decimal	124, 34, 242	`rgb(124,34,242)`
RGB Percent	48.6, 13.3, 94.9	`rgb(48.6%,13.3%,94.9%)`
CMYK	49, 86, 0, 5
HSL	266°, 88.9, 54.1	`hsl(266,88.9%,54.1%)`
HSV (or HSB)	266°, 86, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.96, 74.449, -85.928
XYZ	24.908, 11.84, 84.972
xyY	0.205, 0.097, 11.84
CIE-LCH	40.96, 113.694, 310.906
CIE-LUV	40.96, 10.637, -125.338
Hunter-Lab	34.409, 69, -122.33
Binary	01111100, 00100010, 11110010

#7c22f2
```
#7c22f2 rgb(124,34,242)
```
#98f222
```
#98f222 rgb(152,242,34)
```

Complementary Color

#2230f2
```
#2230f2 rgb(34,48,242)
```
#7c22f2
```
#7c22f2 rgb(124,34,242)
```
#e422f2
```
#e422f2 rgb(228,34,242)
```

Analogous Color

#30f222
```
#30f222 rgb(48,242,34)
```
#7c22f2
```
#7c22f2 rgb(124,34,242)
```
#f2e422
```
#f2e422 rgb(242,228,34)
```

Split Complementary Color

#22f27c
```
#22f27c rgb(34,242,124)
```
#7c22f2
```
#7c22f2 rgb(124,34,242)
```
#f27c22
```
#f27c22 rgb(242,124,34)
```

Triadic Color

#2298f2
```
#2298f2 rgb(34,152,242)
```
#7c22f2
```
#7c22f2 rgb(124,34,242)
```
#f27c22
```
#f27c22 rgb(242,124,34)
```
#98f222
```
#98f222 rgb(152,242,34)
```

Tetradic Color

#580bbc
```
#580bbc rgb(88,11,188)
```
#630dd5
```
#630dd5 rgb(99,13,213)
```
#6e0eed
```
#6e0eed rgb(110,14,237)
```
#7c22f2
```
#7c22f2 rgb(124,34,242)
```
#8a3af3
```
#8a3af3 rgb(138,58,243)
```
#9952f5
```
#9952f5 rgb(153,82,245)
```
#a76af6
```
#a76af6 rgb(167,106,246)
```

Monochromatic Color

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

#4822f2
```
#4822f2 rgb(72,34,242)
```
#5922f2
```
#5922f2 rgb(89,34,242)
```
#6b22f2
```
#6b22f2 rgb(107,34,242)
```
#7c22f2
```
#7c22f2 rgb(124,34,242)
```
#8d22f2
```
#8d22f2 rgb(141,34,242)
```
#9f22f2
```
#9f22f2 rgb(159,34,242)
```
#b022f2
```
#b022f2 rgb(176,34,242)
```

Similar Colors

Text with hexadecimal color #7c22f2

This text has a font color of #7c22f2.

<span style="color:#7c22f2;">Text here</span>

#7c22f2 background color

This paragraph has a background color of #7c22f2.

<p style="background-color:#7c22f2;">Content here</p>

#7c22f2 border color

This element has a border color of #7c22f2.

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

CSS codes

.text {color:#7c22f2;}

.background {background-color:#7c22f2;}

.border {border:1px solid #7c22f2;}

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

#010001
```
#010001 rgb(1,0,1)
```
#090114
```
#090114 rgb(9,1,20)
```
#120226
```
#120226 rgb(18,2,38)
```
#1b0339
```
#1b0339 rgb(27,3,57)
```
#23044b
```
#23044b rgb(35,4,75)
```
#2c065e
```
#2c065e rgb(44,6,94)
```
#340770
```
#340770 rgb(52,7,112)
```
#3d0883
```
#3d0883 rgb(61,8,131)
```
#460996
```
#460996 rgb(70,9,150)
```
#4e0aa8
```
#4e0aa8 rgb(78,10,168)
```
#570bbb
```
#570bbb rgb(87,11,187)
```
#600ccd
```
#600ccd rgb(96,12,205)
```
#680de0
```
#680de0 rgb(104,13,224)
```

Shade Color Variation

#710ff1
```
#710ff1 rgb(113,15,241)
```
#7c22f2
```
#7c22f2 rgb(124,34,242)
```
#8735f3
```
#8735f3 rgb(135,53,243)
```
#9247f4
```
#9247f4 rgb(146,71,244)
```
#9d5af5
```
#9d5af5 rgb(157,90,245)
```
#a86cf6
```
#a86cf6 rgb(168,108,246)
```
#b37ff7
```
#b37ff7 rgb(179,127,247)
```
#be91f9
```
#be91f9 rgb(190,145,249)
```
#c9a4fa
```
#c9a4fa rgb(201,164,250)
```
#d4b6fb
```
#d4b6fb rgb(212,182,251)
```
#dfc9fc
```
#dfc9fc rgb(223,201,252)
```
#eadbfd
```
#eadbfd rgb(234,219,253)
```
#f5eefe
```
#f5eefe rgb(245,238,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #89858f is the less saturated color, while #7b19fb is the most saturated one.

#89858f
```
#89858f rgb(137,133,143)
```
#887c98
```
#887c98 rgb(136,124,152)
```
#8773a1
```
#8773a1 rgb(135,115,161)
```
#866aaa
```
#866aaa rgb(134,106,170)
```
#8461b3
```
#8461b3 rgb(132,97,179)
```
#8358bc
```
#8358bc rgb(131,88,188)
```
#824fc5
```
#824fc5 rgb(130,79,197)
```
#8146ce
```
#8146ce rgb(129,70,206)
```
#803dd7
```
#803dd7 rgb(128,61,215)
```
#7e34e0
```
#7e34e0 rgb(126,52,224)
```
#7d2be9
```
#7d2be9 rgb(125,43,233)
```
#7c22f2
```
#7c22f2 rgb(124,34,242)
```
#7b19fb
```
#7b19fb rgb(123,25,251)
```

Tone Color Variation

Below, you can see how #7c22f2 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
#5d4b74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006bac Deuteranopia 1% of men
#556c74 Tritanopia 0.001% of the population

Trichromacy

#2d4dd5 Protanomaly 1% of men, 0.01% of women
#2d50c5 Deuteranomaly 6% of men, 0.4% of women
#6351a2 Tritanomaly 0.01% of the population

#7c22f2 hex color

#7c22f2 Color Information

#7c22f2 Color Conversion

Color Schemes with #7c22f2

Alternatives to #7c22f2

#7c22f2 Preview

Shades and Tints of #7c22f2

Tones of #7c22f2

Color Blindness Simulator