#7c5af3 hex color

In a RGB color space, hex #7c5af3 is composed of 48.6% red, 35.3% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 63% magenta, 0% yellow and 4.7% black. It has a hue angle of 253.3 degrees, a saturation of 86.4% and a lightness of 65.3%. #7c5af3 color hex could be obtained by blending #f8b4ff with #0000e7. Closest websafe color is: #6666ff.

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

● #7c5af3 color description : Soft blue.

The hexadecimal color #7c5af3 has RGB values of R:124, G:90, B:243 and CMYK values of C:0.49, M:0.63, Y:0, K:0.05. Its decimal value is 8149747.

Hex triplet	7c5af3	`#7c5af3`
RGB Decimal	124, 90, 243	`rgb(124,90,243)`
RGB Percent	48.6, 35.3, 95.3	`rgb(48.6%,35.3%,95.3%)`
CMYK	49, 63, 0, 5
HSL	253.3°, 86.4, 65.3	`hsl(253.3,86.4%,65.3%)`
HSV (or HSB)	253.3°, 63, 95.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.578, 50.593, -72.375
XYZ	28.143, 18.068, 86.794
xyY	0.212, 0.136, 18.068
CIE-LCH	49.578, 88.305, 304.955
CIE-LUV	49.578, 2.157, -114.545
Hunter-Lab	42.506, 43.797, -91.31
Binary	01111100, 01011010, 11110011

#7c5af3
```
#7c5af3 rgb(124,90,243)
```
#d1f35a
```
#d1f35a rgb(209,243,90)
```

Complementary Color

#5a85f3
```
#5a85f3 rgb(90,133,243)
```
#7c5af3
```
#7c5af3 rgb(124,90,243)
```
#c95af3
```
#c95af3 rgb(201,90,243)
```

Analogous Color

#85f35a
```
#85f35a rgb(133,243,90)
```
#7c5af3
```
#7c5af3 rgb(124,90,243)
```
#f3c95a
```
#f3c95a rgb(243,201,90)
```

Split Complementary Color

#5af37c
```
#5af37c rgb(90,243,124)
```
#7c5af3
```
#7c5af3 rgb(124,90,243)
```
#f37c5a
```
#f37c5a rgb(243,124,90)
```

Triadic Color

#5ad1f3
```
#5ad1f3 rgb(90,209,243)
```
#7c5af3
```
#7c5af3 rgb(124,90,243)
```
#f37c5a
```
#f37c5a rgb(243,124,90)
```
#d1f35a
```
#d1f35a rgb(209,243,90)
```

Tetradic Color

#4313ee
```
#4313ee rgb(67,19,238)
```
#562af0
```
#562af0 rgb(86,42,240)
```
#6942f1
```
#6942f1 rgb(105,66,241)
```
#7c5af3
```
#7c5af3 rgb(124,90,243)
```
#8f72f5
```
#8f72f5 rgb(143,114,245)
```
#a28af6
```
#a28af6 rgb(162,138,246)
```
#b5a1f8
```
#b5a1f8 rgb(181,161,248)
```

Monochromatic Color

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

#5a5ef3
```
#5a5ef3 rgb(90,94,243)
```
#635af3
```
#635af3 rgb(99,90,243)
```
#6f5af3
```
#6f5af3 rgb(111,90,243)
```
#7c5af3
```
#7c5af3 rgb(124,90,243)
```
#895af3
```
#895af3 rgb(137,90,243)
```
#965af3
```
#965af3 rgb(150,90,243)
```
#a25af3
```
#a25af3 rgb(162,90,243)
```

Similar Colors

Text with hexadecimal color #7c5af3

This text has a font color of #7c5af3.

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

#7c5af3 background color

This paragraph has a background color of #7c5af3.

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

#7c5af3 border color

This element has a border color of #7c5af3.

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

CSS codes

.text {color:#7c5af3;}

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

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

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

#050112
```
#050112 rgb(5,1,18)
```
#0a0324
```
#0a0324 rgb(10,3,36)
```
#0f0436
```
#0f0436 rgb(15,4,54)
```
#140549
```
#140549 rgb(20,5,73)
```
#19075b
```
#19075b rgb(25,7,91)
```
#1e086d
```
#1e086d rgb(30,8,109)
```
#240980
```
#240980 rgb(36,9,128)
```
#290b92
```
#290b92 rgb(41,11,146)
```
#2e0ca4
```
#2e0ca4 rgb(46,12,164)
```
#330db6
```
#330db6 rgb(51,13,182)
```
#380fc9
```
#380fc9 rgb(56,15,201)
```
#3d10db
```
#3d10db rgb(61,16,219)
```
#4211ed
```
#4211ed rgb(66,17,237)
```

Shade Color Variation

#5023ef
```
#5023ef rgb(80,35,239)
```
#5f35f0
```
#5f35f0 rgb(95,53,240)
```
#6d48f2
```
#6d48f2 rgb(109,72,242)
```
#7c5af3
```
#7c5af3 rgb(124,90,243)
```
#8b6cf4
```
#8b6cf4 rgb(139,108,244)
```
#997ff6
```
#997ff6 rgb(153,127,246)
```
#a891f7
```
#a891f7 rgb(168,145,247)
```
#b6a3f8
```
#b6a3f8 rgb(182,163,248)
```
#c5b5fa
```
#c5b5fa rgb(197,181,250)
```
#d3c8fb
```
#d3c8fb rgb(211,200,251)
```
#e2dafc
```
#e2dafc rgb(226,218,252)
```
#f0ecfe
```
#f0ecfe rgb(240,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a6a5a8
```
#a6a5a8 rgb(166,165,168)
```
#a29eaf
```
#a29eaf rgb(162,158,175)
```
#9e97b6
```
#9e97b6 rgb(158,151,182)
```
#9a90bd
```
#9a90bd rgb(154,144,189)
```
#968ac3
```
#968ac3 rgb(150,138,195)
```
#9383ca
```
#9383ca rgb(147,131,202)
```
#8f7cd1
```
#8f7cd1 rgb(143,124,209)
```
#8b75d8
```
#8b75d8 rgb(139,117,216)
```
#876edf
```
#876edf rgb(135,110,223)
```
#8468e5
```
#8468e5 rgb(132,104,229)
```
#8061ec
```
#8061ec rgb(128,97,236)
```
#7c5af3
```
#7c5af3 rgb(124,90,243)
```
#7853fa
```
#7853fa rgb(120,83,250)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#77708f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ed Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#5b838c Tritanopia 0.001% of the population

Trichromacy

#2d6def Protanomaly 1% of men, 0.01% of women
#2d72dd Deuteranomaly 6% of men, 0.4% of women
#6774b1 Tritanomaly 0.01% of the population

#7c5af3 hex color

#7c5af3 Color Information

#7c5af3 Color Conversion

Color Schemes with #7c5af3

Alternatives to #7c5af3

#7c5af3 Preview

Shades and Tints of #7c5af3

Tones of #7c5af3

Color Blindness Simulator