#7f57b3 hex color

In a RGB color space, hex #7f57b3 is composed of 49.8% red, 34.1% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 51.4% magenta, 0% yellow and 29.8% black. It has a hue angle of 266.1 degrees, a saturation of 37.7% and a lightness of 52.2%. #7f57b3 color hex could be obtained by blending #feaeff with #000067. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 50
- G 34
- B 70
RGB color chart
- C 29
- M 51
- Y 0
- K 30
CMYK color chart

● #7f57b3 color description : Moderate violet.

The hexadecimal color #7f57b3 has RGB values of R:127, G:87, B:179 and CMYK values of C:0.29, M:0.51, Y:0, K:0.3. Its decimal value is 8345523.

Hex triplet	7f57b3	`#7f57b3`
RGB Decimal	127, 87, 179	`rgb(127,87,179)`
RGB Percent	49.8, 34.1, 70.2	`rgb(49.8%,34.1%,70.2%)`
CMYK	29, 51, 0, 30
HSL	266.1°, 37.7, 52.2	`hsl(266.1,37.7%,52.2%)`
HSV (or HSB)	266.1°, 51.4, 70.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.058, 35.674, -43.028
XYZ	20.296, 14.583, 44.391
xyY	0.256, 0.184, 14.583
CIE-LCH	45.058, 55.893, 309.662
CIE-LUV	45.058, 11.873, -67.785
Hunter-Lab	38.188, 28.039, -42.189
Binary	01111111, 01010111, 10110011

#7f57b3
```
#7f57b3 rgb(127,87,179)
```
#8bb357
```
#8bb357 rgb(139,179,87)
```

Complementary Color

#575db3
```
#575db3 rgb(87,93,179)
```
#7f57b3
```
#7f57b3 rgb(127,87,179)
```
#ad57b3
```
#ad57b3 rgb(173,87,179)
```

Analogous Color

#5db357
```
#5db357 rgb(93,179,87)
```
#7f57b3
```
#7f57b3 rgb(127,87,179)
```
#b3ad57
```
#b3ad57 rgb(179,173,87)
```

Split Complementary Color

#57b37f
```
#57b37f rgb(87,179,127)
```
#7f57b3
```
#7f57b3 rgb(127,87,179)
```
#b37f57
```
#b37f57 rgb(179,127,87)
```

Triadic Color

#578bb3
```
#578bb3 rgb(87,139,179)
```
#7f57b3
```
#7f57b3 rgb(127,87,179)
```
#b37f57
```
#b37f57 rgb(179,127,87)
```
#8bb357
```
#8bb357 rgb(139,179,87)
```

Tetradic Color

#5a3b82
```
#5a3b82 rgb(90,59,130)
```
#664394
```
#664394 rgb(102,67,148)
```
#724ba6
```
#724ba6 rgb(114,75,166)
```
#7f57b3
```
#7f57b3 rgb(127,87,179)
```
#8c69bb
```
#8c69bb rgb(140,105,187)
```
#9a7ac3
```
#9a7ac3 rgb(154,122,195)
```
#a78ccb
```
#a78ccb rgb(167,140,203)
```

Monochromatic Color

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

#6857b3
```
#6857b3 rgb(104,87,179)
```
#7057b3
```
#7057b3 rgb(112,87,179)
```
#7757b3
```
#7757b3 rgb(119,87,179)
```
#7f57b3
```
#7f57b3 rgb(127,87,179)
```
#8757b3
```
#8757b3 rgb(135,87,179)
```
#8e57b3
```
#8e57b3 rgb(142,87,179)
```
#9657b3
```
#9657b3 rgb(150,87,179)
```

Similar Colors

Text with hexadecimal color #7f57b3

This text has a font color of #7f57b3.

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

#7f57b3 background color

This paragraph has a background color of #7f57b3.

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

#7f57b3 border color

This element has a border color of #7f57b3.

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

CSS codes

.text {color:#7f57b3;}

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

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

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

#050308
```
#050308 rgb(5,3,8)
```
#0f0a15
```
#0f0a15 rgb(15,10,21)
```
#181023
```
#181023 rgb(24,16,35)
```
#211630
```
#211630 rgb(33,22,48)
```
#2b1c3e
```
#2b1c3e rgb(43,28,62)
```
#34224b
```
#34224b rgb(52,34,75)
```
#3d2859
```
#3d2859 rgb(61,40,89)
```
#472e66
```
#472e66 rgb(71,46,102)
```
#503474
```
#503474 rgb(80,52,116)
```
#593a81
```
#593a81 rgb(89,58,129)
```
#62418f
```
#62418f rgb(98,65,143)
```
#6c479c
```
#6c479c rgb(108,71,156)
```
#754daa
```
#754daa rgb(117,77,170)
```

Shade Color Variation

#7f57b3
```
#7f57b3 rgb(127,87,179)
```
#8965b9
```
#8965b9 rgb(137,101,185)
```
#9472bf
```
#9472bf rgb(148,114,191)
```
#9e80c5
```
#9e80c5 rgb(158,128,197)
```
#a88dcb
```
#a88dcb rgb(168,141,203)
```
#b29bd2
```
#b29bd2 rgb(178,155,210)
```
#bda8d8
```
#bda8d8 rgb(189,168,216)
```
#c7b6de
```
#c7b6de rgb(199,182,222)
```
#d1c3e4
```
#d1c3e4 rgb(209,195,228)
```
#dcd1ea
```
#dcd1ea rgb(220,209,234)
```
#e6def0
```
#e6def0 rgb(230,222,240)
```
#f0ecf6
```
#f0ecf6 rgb(240,236,246)
```
#faf9fc
```
#faf9fc rgb(250,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #847d8d is the less saturated color, while #750cfe is the most saturated one.

#847d8d
```
#847d8d rgb(132,125,141)
```
#837397
```
#837397 rgb(131,115,151)
```
#816aa0
```
#816aa0 rgb(129,106,160)
```
#8060aa
```
#8060aa rgb(128,96,170)
```
#7f57b3
```
#7f57b3 rgb(127,87,179)
```
#7e4ebc
```
#7e4ebc rgb(126,78,188)
```
#7d44c6
```
#7d44c6 rgb(125,68,198)
```
#7b3bcf
```
#7b3bcf rgb(123,59,207)
```
#7a31d9
```
#7a31d9 rgb(122,49,217)
```
#7928e2
```
#7928e2 rgb(121,40,226)
```
#781feb
```
#781feb rgb(120,31,235)
```
#7615f5
```
#7615f5 rgb(118,21,245)
```
#750cfe
```
#750cfe rgb(117,12,254)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#71697b Atypical Achromatopsia 0.001% of the population

Dichromacy

#446fc4 Protanopia 1% of men
#4a72b0 Deuteranopia 1% of men
#777078 Tritanopia 0.001% of the population

Trichromacy

#5966bd Protanomaly 1% of men, 0.01% of women
#5d68b1 Deuteranomaly 6% of men, 0.4% of women
#7a668d Tritanomaly 0.01% of the population

#7f57b3 hex color

#7f57b3 Color Information

#7f57b3 Color Conversion

Color Schemes with #7f57b3

Alternatives to #7f57b3

#7f57b3 Preview

Shades and Tints of #7f57b3

Tones of #7f57b3

Color Blindness Simulator