colorhexa.com

#7c22c0 hex color

In a RGB color space, hex #7c22c0 is composed of 48.6% red, 13.3% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 35.4% cyan, 82.3% magenta, 0% yellow and 24.7% black. It has a hue angle of 274.2 degrees, a saturation of 69.9% and a lightness of 44.3%. #7c22c0 color hex could be obtained by blending #f844ff with #000081. Closest websafe color is: #6633cc.

- R 49
- G 13
- B 75
RGB color chart
- C 35
- M 82
- Y 0
- K 25
CMYK color chart

● #7c22c0 color description : Strong violet.

The hexadecimal color #7c22c0 has RGB values of R:124, G:34, B:192 and CMYK values of C:0.35, M:0.82, Y:0, K:0.25. Its decimal value is 8135360.

Hex triplet	7c22c0	`#7c22c0`
RGB Decimal	124, 34, 192	`rgb(124,34,192)`
RGB Percent	48.6, 13.3, 75.3	`rgb(48.6%,13.3%,75.3%)`
CMYK	35, 82, 0, 25
HSL	274.2°, 69.9, 44.3	`hsl(274.2,69.9%,44.3%)`
HSV (or HSB)	274.2°, 82.3, 75.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.433, 63.223, -64.594
XYZ	18.397, 9.235, 50.68
xyY	0.235, 0.118, 9.235
CIE-LCH	36.433, 90.385, 314.385
CIE-LUV	36.433, 19.106, -94.404
Hunter-Lab	30.389, 54.879, -77.604
Binary	01111100, 00100010, 11000000

#7c22c0
```
#7c22c0 rgb(124,34,192)
```
#66c022
```
#66c022 rgb(102,192,34)
```

Complementary Color

#2d22c0
```
#2d22c0 rgb(45,34,192)
```
#7c22c0
```
#7c22c0 rgb(124,34,192)
```
#c022b5
```
#c022b5 rgb(192,34,181)
```

Analogous Color

#22c02d
```
#22c02d rgb(34,192,45)
```
#7c22c0
```
#7c22c0 rgb(124,34,192)
```
#b5c022
```
#b5c022 rgb(181,192,34)
```

Split Complementary Color

#22c07c
```
#22c07c rgb(34,192,124)
```
#7c22c0
```
#7c22c0 rgb(124,34,192)
```
#c07c22
```
#c07c22 rgb(192,124,34)
```

Triadic Color

#2266c0
```
#2266c0 rgb(34,102,192)
```
#7c22c0
```
#7c22c0 rgb(124,34,192)
```
#c07c22
```
#c07c22 rgb(192,124,34)
```
#66c022
```
#66c022 rgb(102,192,34)
```

Tetradic Color

#52167f
```
#52167f rgb(82,22,127)
```
#601a95
```
#601a95 rgb(96,26,149)
```
#6e1eaa
```
#6e1eaa rgb(110,30,170)
```
#7c22c0
```
#7c22c0 rgb(124,34,192)
```
#8a26d6
```
#8a26d6 rgb(138,38,214)
```
#9639dc
```
#9639dc rgb(150,57,220)
```
#a14fe0
```
#a14fe0 rgb(161,79,224)
```

Monochromatic Color

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

#5522c0
```
#5522c0 rgb(85,34,192)
```
#6222c0
```
#6222c0 rgb(98,34,192)
```
#6f22c0
```
#6f22c0 rgb(111,34,192)
```
#7c22c0
```
#7c22c0 rgb(124,34,192)
```
#8922c0
```
#8922c0 rgb(137,34,192)
```
#9622c0
```
#9622c0 rgb(150,34,192)
```
#a422c0
```
#a422c0 rgb(164,34,192)
```

Similar Colors

Text with hexadecimal color #7c22c0

This text has a font color of #7c22c0.

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

#7c22c0 background color

This paragraph has a background color of #7c22c0.

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

#7c22c0 border color

This element has a border color of #7c22c0.

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

CSS codes

.text {color:#7c22c0;}

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

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

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

#060209
```
#060209 rgb(6,2,9)
```
#100419
```
#100419 rgb(16,4,25)
```
#1b072a
```
#1b072a rgb(27,7,42)
```
#260a3b
```
#260a3b rgb(38,10,59)
```
#310d4b
```
#310d4b rgb(49,13,75)
```
#3b105c
```
#3b105c rgb(59,16,92)
```
#46136d
```
#46136d rgb(70,19,109)
```
#51167d
```
#51167d rgb(81,22,125)
```
#5c198e
```
#5c198e rgb(92,25,142)
```
#661c9f
```
#661c9f rgb(102,28,159)
```
#711faf
```
#711faf rgb(113,31,175)
```
#7c22c0
```
#7c22c0 rgb(124,34,192)
```
#8725d1
```
#8725d1 rgb(135,37,209)
```

Shade Color Variation

#912fda
```
#912fda rgb(145,47,218)
```
#9940dd
```
#9940dd rgb(153,64,221)
```
#a250e0
```
#a250e0 rgb(162,80,224)
```
#ab61e3
```
#ab61e3 rgb(171,97,227)
```
#b472e6
```
#b472e6 rgb(180,114,230)
```
#bd82e9
```
#bd82e9 rgb(189,130,233)
```
#c693ec
```
#c693ec rgb(198,147,236)
```
#cea4ef
```
#cea4ef rgb(206,164,239)
```
#d7b4f2
```
#d7b4f2 rgb(215,180,242)
```
#e0c5f5
```
#e0c5f5 rgb(224,197,245)
```
#e9d6f8
```
#e9d6f8 rgb(233,214,248)
```
#f2e6fb
```
#f2e6fb rgb(242,230,251)
```
#fbf7fe
```
#fbf7fe rgb(251,247,254)
```

Tint Color Variation

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

#717072
```
#717072 rgb(113,112,114)
```
#72687a
```
#72687a rgb(114,104,122)
```
#745f83
```
#745f83 rgb(116,95,131)
```
#75568c
```
#75568c rgb(117,86,140)
```
#764d95
```
#764d95 rgb(118,77,149)
```
#77459d
```
#77459d rgb(119,69,157)
```
#783ca6
```
#783ca6 rgb(120,60,166)
```
#7a33af
```
#7a33af rgb(122,51,175)
```
#7b2bb7
```
#7b2bb7 rgb(123,43,183)
```
#7c22c0
```
#7c22c0 rgb(124,34,192)
```
#7d19c9
```
#7d19c9 rgb(125,25,201)
```
#7e11d1
```
#7e11d1 rgb(126,17,209)
```
#8008da
```
#8008da rgb(128,8,218)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#584666 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00609d Deuteranopia 1% of men
#6b5960 Tritanopia 0.001% of the population

Trichromacy

#2d46b7 Protanomaly 1% of men, 0.01% of women
#2d49a9 Deuteranomaly 6% of men, 0.4% of women
#714583 Tritanomaly 0.01% of the population