#501657 hex color

In a RGB color space, hex #501657 is composed of 31.4% red, 8.6% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 8% cyan, 74.7% magenta, 0% yellow and 65.9% black. It has a hue angle of 293.5 degrees, a saturation of 59.6% and a lightness of 21.4%. #501657 color hex could be obtained by blending #a02cae with #000000. Closest websafe color is: #660066.

♥
- f
- t
- g
- R 31
- G 9
- B 34
RGB color chart
- C 8
- M 75
- Y 0
- K 66
CMYK color chart

● #501657 color description : Very dark magenta.

The hexadecimal color #501657 has RGB values of R:80, G:22, B:87 and CMYK values of C:0.08, M:0.75, Y:0, K:0.66. Its decimal value is 5248599.

Hex triplet	501657	`#501657`
RGB Decimal	80, 22, 87	`rgb(80,22,87)`
RGB Percent	31.4, 8.6, 34.1	`rgb(31.4%,8.6%,34.1%)`
CMYK	8, 75, 0, 66
HSL	293.5°, 59.6, 21.4	`hsl(293.5,59.6%,21.4%)`
HSV (or HSB)	293.5°, 74.7, 34.1
Web Safe	660066	`#660066`

CIE-LAB	19.914, 36.403, -26.187
XYZ	5.315, 2.968, 9.309
xyY	0.302, 0.169, 2.968
CIE-LCH	19.914, 44.844, 324.271
CIE-LUV	19.914, 19.568, -32.32
Hunter-Lab	17.227, 24.928, -19.98
Binary	01010000, 00010110, 01010111

#501657
```
#501657 rgb(80,22,87)
```
#1d5716
```
#1d5716 rgb(29,87,22)
```

Complementary Color

#2f1657
```
#2f1657 rgb(47,22,87)
```
#501657
```
#501657 rgb(80,22,87)
```
#57163e
```
#57163e rgb(87,22,62)
```

Analogous Color

#16572f
```
#16572f rgb(22,87,47)
```
#501657
```
#501657 rgb(80,22,87)
```
#3e5716
```
#3e5716 rgb(62,87,22)
```

Split Complementary Color

#165750
```
#165750 rgb(22,87,80)
```
#501657
```
#501657 rgb(80,22,87)
```
#575016
```
#575016 rgb(87,80,22)
```

Triadic Color

#161d57
```
#161d57 rgb(22,29,87)
```
#501657
```
#501657 rgb(80,22,87)
```
#575016
```
#575016 rgb(87,80,22)
```
#1d5716
```
#1d5716 rgb(29,87,22)
```

Tetradic Color

#18071a
```
#18071a rgb(24,7,26)
```
#2b0c2e
```
#2b0c2e rgb(43,12,46)
```
#3d1143
```
#3d1143 rgb(61,17,67)
```
#501657
```
#501657 rgb(80,22,87)
```
#631b6b
```
#631b6b rgb(99,27,107)
```
#752080
```
#752080 rgb(117,32,128)
```
#882594
```
#882594 rgb(136,37,148)
```

Monochromatic Color

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

#401657
```
#401657 rgb(64,22,87)
```
#451657
```
#451657 rgb(69,22,87)
```
#4b1657
```
#4b1657 rgb(75,22,87)
```
#501657
```
#501657 rgb(80,22,87)
```
#551657
```
#551657 rgb(85,22,87)
```
#571653
```
#571653 rgb(87,22,83)
```
#57164e
```
#57164e rgb(87,22,78)
```

Similar Colors

Text with hexadecimal color #501657

This text has a font color of #501657.

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

#501657 background color

This paragraph has a background color of #501657.

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

#501657 border color

This element has a border color of #501657.

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

CSS codes

.text {color:#501657;}

.background {background-color:#501657;}

.border {border:1px solid #501657;}

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

#080209
```
#080209 rgb(8,2,9)
```
#160618
```
#160618 rgb(22,6,24)
```
#250a28
```
#250a28 rgb(37,10,40)
```
#330e38
```
#330e38 rgb(51,14,56)
```
#421247
```
#421247 rgb(66,18,71)
```
#501657
```
#501657 rgb(80,22,87)
```
#5e1a67
```
#5e1a67 rgb(94,26,103)
```
#6d1e76
```
#6d1e76 rgb(109,30,118)
```
#7b2286
```
#7b2286 rgb(123,34,134)
```
#8a2696
```
#8a2696 rgb(138,38,150)
```
#982aa5
```
#982aa5 rgb(152,42,165)
```
#a62eb5
```
#a62eb5 rgb(166,46,181)
```
#b532c5
```
#b532c5 rgb(181,50,197)
```

Shade Color Variation

#be3cce
```
#be3cce rgb(190,60,206)
```
#c34cd2
```
#c34cd2 rgb(195,76,210)
```
#c85bd6
```
#c85bd6 rgb(200,91,214)
```
#ce6bda
```
#ce6bda rgb(206,107,218)
```
#d37bde
```
#d37bde rgb(211,123,222)
```
#d88ae2
```
#d88ae2 rgb(216,138,226)
```
#dd9ae5
```
#dd9ae5 rgb(221,154,229)
```
#e3aae9
```
#e3aae9 rgb(227,170,233)
```
#e8b9ed
```
#e8b9ed rgb(232,185,237)
```
#edc9f1
```
#edc9f1 rgb(237,201,241)
```
#f2d9f5
```
#f2d9f5 rgb(242,217,245)
```
#f7e8f9
```
#f7e8f9 rgb(247,232,249)
```
#fdf8fd
```
#fdf8fd rgb(253,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #39333a is the less saturated color, while #60016c is the most saturated one.

#39333a
```
#39333a rgb(57,51,58)
```
#3c2f3e
```
#3c2f3e rgb(60,47,62)
```
#402b42
```
#402b42 rgb(64,43,66)
```
#432746
```
#432746 rgb(67,39,70)
```
#46234a
```
#46234a rgb(70,35,74)
```
#491e4f
```
#491e4f rgb(73,30,79)
```
#4d1a53
```
#4d1a53 rgb(77,26,83)
```
#501657
```
#501657 rgb(80,22,87)
```
#53125b
```
#53125b rgb(83,18,91)
```
#570e5f
```
#570e5f rgb(87,14,95)
```
#5a0964
```
#5a0964 rgb(90,9,100)
```
#5d0568
```
#5d0568 rgb(93,5,104)
```
#60016c
```
#60016c rgb(96,1,108)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#362a37 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00396f Protanopia 1% of men
#293a58 Deuteranopia 1% of men
#523134 Tritanopia 0.001% of the population

Trichromacy

#1d2c66 Protanomaly 1% of men, 0.01% of women
#372d58 Deuteranomaly 6% of men, 0.4% of women
#512740 Tritanomaly 0.01% of the population

#501657 hex color

#501657 Color Information

#501657 Color Conversion

Color Schemes with #501657

Alternatives to #501657

#501657 Preview

Shades and Tints of #501657

Tones of #501657

Color Blindness Simulator