#7c45e4 hex color

In a RGB color space, hex #7c45e4 is composed of 48.6% red, 27.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 45.6% cyan, 69.7% magenta, 0% yellow and 10.6% black. It has a hue angle of 260.8 degrees, a saturation of 74.6% and a lightness of 58.2%. #7c45e4 color hex could be obtained by blending #f88aff with #0000c9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 49
- G 27
- B 89
RGB color chart
- C 46
- M 70
- Y 0
- K 11
CMYK color chart

● #7c45e4 color description : Soft violet.

The hexadecimal color #7c45e4 has RGB values of R:124, G:69, B:228 and CMYK values of C:0.46, M:0.7, Y:0, K:0.11. Its decimal value is 8144356.

Hex triplet	7c45e4	`#7c45e4`
RGB Decimal	124, 69, 228	`rgb(124,69,228)`
RGB Percent	48.6, 27.1, 89.4	`rgb(48.6%,27.1%,89.4%)`
CMYK	46, 70, 0, 11
HSL	260.8°, 74.6, 58.2	`hsl(260.8,74.6%,58.2%)`
HSV (or HSB)	260.8°, 69.7, 89.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	44.437, 57.453, -72.3
XYZ	24.441, 14.143, 74.837
xyY	0.215, 0.125, 14.143
CIE-LCH	44.437, 92.348, 308.472
CIE-LUV	44.437, 8.199, -111.08
Hunter-Lab	37.607, 50.2, -91.662
Binary	01111100, 01000101, 11100100

#7c45e4
```
#7c45e4 rgb(124,69,228)
```
#ade445
```
#ade445 rgb(173,228,69)
```

Complementary Color

#455de4
```
#455de4 rgb(69,93,228)
```
#7c45e4
```
#7c45e4 rgb(124,69,228)
```
#cc45e4
```
#cc45e4 rgb(204,69,228)
```

Analogous Color

#5de445
```
#5de445 rgb(93,228,69)
```
#7c45e4
```
#7c45e4 rgb(124,69,228)
```
#e4cc45
```
#e4cc45 rgb(228,204,69)
```

Split Complementary Color

#45e47c
```
#45e47c rgb(69,228,124)
```
#7c45e4
```
#7c45e4 rgb(124,69,228)
```
#e47c45
```
#e47c45 rgb(228,124,69)
```

Triadic Color

#45ade4
```
#45ade4 rgb(69,173,228)
```
#7c45e4
```
#7c45e4 rgb(124,69,228)
```
#e47c45
```
#e47c45 rgb(228,124,69)
```
#ade445
```
#ade445 rgb(173,228,69)
```

Tetradic Color

#551cc1
```
#551cc1 rgb(85,28,193)
```
#5f1fd7
```
#5f1fd7 rgb(95,31,215)
```
#6c2fe1
```
#6c2fe1 rgb(108,47,225)
```
#7c45e4
```
#7c45e4 rgb(124,69,228)
```
#8c5be7
```
#8c5be7 rgb(140,91,231)
```
#9b72ea
```
#9b72ea rgb(155,114,234)
```
#ab88ee
```
#ab88ee rgb(171,136,238)
```

Monochromatic Color

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

#5445e4
```
#5445e4 rgb(84,69,228)
```
#6245e4
```
#6245e4 rgb(98,69,228)
```
#6f45e4
```
#6f45e4 rgb(111,69,228)
```
#7c45e4
```
#7c45e4 rgb(124,69,228)
```
#8945e4
```
#8945e4 rgb(137,69,228)
```
#9745e4
```
#9745e4 rgb(151,69,228)
```
#a445e4
```
#a445e4 rgb(164,69,228)
```

Similar Colors

Text with hexadecimal color #7c45e4

This text has a font color of #7c45e4.

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

#7c45e4 background color

This paragraph has a background color of #7c45e4.

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

#7c45e4 border color

This element has a border color of #7c45e4.

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

CSS codes

.text {color:#7c45e4;}

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

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

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 #f5f0fd is the lightest one.

#010002
```
#010002 rgb(1,0,2)
```
#090314
```
#090314 rgb(9,3,20)
```
#100525
```
#100525 rgb(16,5,37)
```
#180836
```
#180836 rgb(24,8,54)
```
#1f0a47
```
#1f0a47 rgb(31,10,71)
```
#270d58
```
#270d58 rgb(39,13,88)
```
#2e0f69
```
#2e0f69 rgb(46,15,105)
```
#36127a
```
#36127a rgb(54,18,122)
```
#3d148b
```
#3d148b rgb(61,20,139)
```
#45179d
```
#45179d rgb(69,23,157)
```
#4d19ae
```
#4d19ae rgb(77,25,174)
```
#541cbf
```
#541cbf rgb(84,28,191)
```
#5c1ed0
```
#5c1ed0 rgb(92,30,208)
```

Shade Color Variation

#6423df
```
#6423df rgb(100,35,223)
```
#7034e2
```
#7034e2 rgb(112,52,226)
```
#7c45e4
```
#7c45e4 rgb(124,69,228)
```
#8856e6
```
#8856e6 rgb(136,86,230)
```
#9467e9
```
#9467e9 rgb(148,103,233)
```
#a078eb
```
#a078eb rgb(160,120,235)
```
#ac8aee
```
#ac8aee rgb(172,138,238)
```
#b89bf0
```
#b89bf0 rgb(184,155,240)
```
#c4acf3
```
#c4acf3 rgb(196,172,243)
```
#d0bdf5
```
#d0bdf5 rgb(208,189,245)
```
#ddcef8
```
#ddcef8 rgb(221,206,248)
```
#e9dffa
```
#e9dffa rgb(233,223,250)
```
#f5f0fd
```
#f5f0fd rgb(245,240,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #938f9a is the less saturated color, while #742cfd is the most saturated one.

#938f9a
```
#938f9a rgb(147,143,154)
```
#9087a2
```
#9087a2 rgb(144,135,162)
```
#8e7eab
```
#8e7eab rgb(142,126,171)
```
#8b76b3
```
#8b76b3 rgb(139,118,179)
```
#896ebb
```
#896ebb rgb(137,110,187)
```
#8666c3
```
#8666c3 rgb(134,102,195)
```
#845ecb
```
#845ecb rgb(132,94,203)
```
#8155d4
```
#8155d4 rgb(129,85,212)
```
#7f4ddc
```
#7f4ddc rgb(127,77,220)
```
#7c45e4
```
#7c45e4 rgb(124,69,228)
```
#793dec
```
#793dec rgb(121,61,236)
```
#7735f4
```
#7735f4 rgb(119,53,244)
```
#742cfd
```
#742cfd rgb(116,44,253)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#6c6181 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073bb Deuteranopia 1% of men
#60747c Tritanopia 0.001% of the population

Trichromacy

#2d5eda Protanomaly 1% of men, 0.01% of women
#2d62ca Deuteranomaly 6% of men, 0.4% of women
#6a62a2 Tritanomaly 0.01% of the population

#7c45e4 hex color

#7c45e4 Color Information

#7c45e4 Color Conversion

Color Schemes with #7c45e4

Alternatives to #7c45e4

#7c45e4 Preview

Shades and Tints of #7c45e4

Tones of #7c45e4

Color Blindness Simulator