#7f57f5 hex color

In a RGB color space, hex #7f57f5 is composed of 49.8% red, 34.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 64.5% magenta, 0% yellow and 3.9% black. It has a hue angle of 255.2 degrees, a saturation of 88.8% and a lightness of 65.1%. #7f57f5 color hex could be obtained by blending #feaeff with #0000eb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 50
- G 34
- B 96
RGB color chart
- C 48
- M 64
- Y 0
- K 4
CMYK color chart

● #7f57f5 color description : Soft violet.

The hexadecimal color #7f57f5 has RGB values of R:127, G:87, B:245 and CMYK values of C:0.48, M:0.64, Y:0, K:0.04. Its decimal value is 8345589.

Hex triplet	7f57f5	`#7f57f5`
RGB Decimal	127, 87, 245	`rgb(127,87,245)`
RGB Percent	49.8, 34.1, 96.1	`rgb(49.8%,34.1%,96.1%)`
CMYK	48, 64, 0, 4
HSL	255.2°, 88.8, 65.1	`hsl(255.2,88.8%,65.1%)`
HSV (or HSB)	255.2°, 64.5, 96.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.399, 53.31, -73.772
XYZ	28.639, 17.92, 88.331
xyY	0.212, 0.133, 17.92
CIE-LCH	49.399, 91.018, 305.853
CIE-LUV	49.399, 3.749, -116.608
Hunter-Lab	42.333, 46.678, -94.082
Binary	01111111, 01010111, 11110101

#7f57f5
```
#7f57f5 rgb(127,87,245)
```
#cdf557
```
#cdf557 rgb(205,245,87)
```

Complementary Color

#577ef5
```
#577ef5 rgb(87,126,245)
```
#7f57f5
```
#7f57f5 rgb(127,87,245)
```
#ce57f5
```
#ce57f5 rgb(206,87,245)
```

Analogous Color

#7ef557
```
#7ef557 rgb(126,245,87)
```
#7f57f5
```
#7f57f5 rgb(127,87,245)
```
#f5ce57
```
#f5ce57 rgb(245,206,87)
```

Split Complementary Color

#57f57f
```
#57f57f rgb(87,245,127)
```
#7f57f5
```
#7f57f5 rgb(127,87,245)
```
#f57f57
```
#f57f57 rgb(245,127,87)
```

Triadic Color

#57cdf5
```
#57cdf5 rgb(87,205,245)
```
#7f57f5
```
#7f57f5 rgb(127,87,245)
```
#f57f57
```
#f57f57 rgb(245,127,87)
```
#cdf557
```
#cdf557 rgb(205,245,87)
```

Tetradic Color

#480ff1
```
#480ff1 rgb(72,15,241)
```
#5a27f2
```
#5a27f2 rgb(90,39,242)
```
#6d3ff4
```
#6d3ff4 rgb(109,63,244)
```
#7f57f5
```
#7f57f5 rgb(127,87,245)
```
#916ff6
```
#916ff6 rgb(145,111,246)
```
#a487f8
```
#a487f8 rgb(164,135,248)
```
#b69ff9
```
#b69ff9 rgb(182,159,249)
```

Monochromatic Color

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

#5857f5
```
#5857f5 rgb(88,87,245)
```
#6557f5
```
#6557f5 rgb(101,87,245)
```
#7257f5
```
#7257f5 rgb(114,87,245)
```
#7f57f5
```
#7f57f5 rgb(127,87,245)
```
#8c57f5
```
#8c57f5 rgb(140,87,245)
```
#9957f5
```
#9957f5 rgb(153,87,245)
```
#a757f5
```
#a757f5 rgb(167,87,245)
```

Similar Colors

Text with hexadecimal color #7f57f5

This text has a font color of #7f57f5.

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

#7f57f5 background color

This paragraph has a background color of #7f57f5.

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

#7f57f5 border color

This element has a border color of #7f57f5.

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

CSS codes

.text {color:#7f57f5;}

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

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

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

#050111
```
#050111 rgb(5,1,17)
```
#0b0224
```
#0b0224 rgb(11,2,36)
```
#100336
```
#100336 rgb(16,3,54)
```
#160449
```
#160449 rgb(22,4,73)
```
#1b055b
```
#1b055b rgb(27,5,91)
```
#21076e
```
#21076e rgb(33,7,110)
```
#260880
```
#260880 rgb(38,8,128)
```
#2c0993
```
#2c0993 rgb(44,9,147)
```
#310aa5
```
#310aa5 rgb(49,10,165)
```
#370bb8
```
#370bb8 rgb(55,11,184)
```
#3c0cca
```
#3c0cca rgb(60,12,202)
```
#420ddd
```
#420ddd rgb(66,13,221)
```
#470eef
```
#470eef rgb(71,14,239)
```

Shade Color Variation

#551ff2
```
#551ff2 rgb(85,31,242)
```
#6332f3
```
#6332f3 rgb(99,50,243)
```
#7144f4
```
#7144f4 rgb(113,68,244)
```
#7f57f5
```
#7f57f5 rgb(127,87,245)
```
#8d6af6
```
#8d6af6 rgb(141,106,246)
```
#9b7cf7
```
#9b7cf7 rgb(155,124,247)
```
#a98ff8
```
#a98ff8 rgb(169,143,248)
```
#b7a1f9
```
#b7a1f9 rgb(183,161,249)
```
#c6b4fb
```
#c6b4fb rgb(198,180,251)
```
#d4c6fc
```
#d4c6fc rgb(212,198,252)
```
#e2d9fd
```
#e2d9fd rgb(226,217,253)
```
#f0ebfe
```
#f0ebfe rgb(240,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a4a2aa
```
#a4a2aa rgb(164,162,170)
```
#a19bb1
```
#a19bb1 rgb(161,155,177)
```
#9d95b7
```
#9d95b7 rgb(157,149,183)
```
#9a8ebe
```
#9a8ebe rgb(154,142,190)
```
#9787c5
```
#9787c5 rgb(151,135,197)
```
#9380cc
```
#9380cc rgb(147,128,204)
```
#9079d3
```
#9079d3 rgb(144,121,211)
```
#8d72da
```
#8d72da rgb(141,114,218)
```
#896ce0
```
#896ce0 rgb(137,108,224)
```
#8665e7
```
#8665e7 rgb(134,101,231)
```
#825eee
```
#825eee rgb(130,94,238)
```
#7f57f5
```
#7f57f5 rgb(127,87,245)
```
#7c50fc
```
#7c50fc rgb(124,80,252)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#776f8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ec Protanopia 1% of men
#007fcf Deuteranopia 1% of men
#5e828b Tritanopia 0.001% of the population

Trichromacy

#2e6cef Protanomaly 1% of men, 0.01% of women
#2e70dd Deuteranomaly 6% of men, 0.4% of women
#6a72b1 Tritanomaly 0.01% of the population

#7f57f5 hex color

#7f57f5 Color Information

#7f57f5 Color Conversion

Color Schemes with #7f57f5

Alternatives to #7f57f5

#7f57f5 Preview

Shades and Tints of #7f57f5

Tones of #7f57f5

Color Blindness Simulator