#502e77 hex color

In a RGB color space, hex #502e77 is composed of 31.4% red, 18% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 32.8% cyan, 61.3% magenta, 0% yellow and 53.3% black. It has a hue angle of 267.9 degrees, a saturation of 44.2% and a lightness of 32.4%. #502e77 color hex could be obtained by blending #a05cee with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 31
- G 18
- B 47
RGB color chart
- C 33
- M 61
- Y 0
- K 53
CMYK color chart

● #502e77 color description : Dark moderate violet.

The hexadecimal color #502e77 has RGB values of R:80, G:46, B:119 and CMYK values of C:0.33, M:0.61, Y:0, K:0.53. Its decimal value is 5254775.

Hex triplet	502e77	`#502e77`
RGB Decimal	80, 46, 119	`rgb(80,46,119)`
RGB Percent	31.4, 18, 46.7	`rgb(31.4%,18%,46.7%)`
CMYK	33, 61, 0, 53
HSL	267.9°, 44.2, 32.4	`hsl(267.9,44.2%,32.4%)`
HSV (or HSB)	267.9°, 61.3, 46.7
Web Safe	663366	`#663366`

CIE-LAB	26.71, 31.448, -36.156
XYZ	7.615, 4.991, 18.014
xyY	0.249, 0.163, 4.991
CIE-LCH	26.71, 47.919, 311.017
CIE-LUV	26.71, 8.768, -48.369
Hunter-Lab	22.342, 21.739, -32.167
Binary	01010000, 00101110, 01110111

#502e77
```
#502e77 rgb(80,46,119)
```
#55772e
```
#55772e rgb(85,119,46)
```

Complementary Color

#2e3177
```
#2e3177 rgb(46,49,119)
```
#502e77
```
#502e77 rgb(80,46,119)
```
#752e77
```
#752e77 rgb(117,46,119)
```

Analogous Color

#31772e
```
#31772e rgb(49,119,46)
```
#502e77
```
#502e77 rgb(80,46,119)
```
#77752e
```
#77752e rgb(119,117,46)
```

Split Complementary Color

#2e7750
```
#2e7750 rgb(46,119,80)
```
#502e77
```
#502e77 rgb(80,46,119)
```
#77502e
```
#77502e rgb(119,80,46)
```

Triadic Color

#2e5577
```
#2e5577 rgb(46,85,119)
```
#502e77
```
#502e77 rgb(80,46,119)
```
#77502e
```
#77502e rgb(119,80,46)
```
#55772e
```
#55772e rgb(85,119,46)
```

Tetradic Color

#2b1940
```
#2b1940 rgb(43,25,64)
```
#372052
```
#372052 rgb(55,32,82)
```
#442765
```
#442765 rgb(68,39,101)
```
#502e77
```
#502e77 rgb(80,46,119)
```
#5c3589
```
#5c3589 rgb(92,53,137)
```
#693c9c
```
#693c9c rgb(105,60,156)
```
#7543ae
```
#7543ae rgb(117,67,174)
```

Monochromatic Color

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

#3e2e77
```
#3e2e77 rgb(62,46,119)
```
#442e77
```
#442e77 rgb(68,46,119)
```
#4a2e77
```
#4a2e77 rgb(74,46,119)
```
#502e77
```
#502e77 rgb(80,46,119)
```
#562e77
```
#562e77 rgb(86,46,119)
```
#5c2e77
```
#5c2e77 rgb(92,46,119)
```
#622e77
```
#622e77 rgb(98,46,119)
```

Similar Colors

Text with hexadecimal color #502e77

This text has a font color of #502e77.

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

#502e77 background color

This paragraph has a background color of #502e77.

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

#502e77 border color

This element has a border color of #502e77.

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

CSS codes

.text {color:#502e77;}

.background {background-color:#502e77;}

.border {border:1px solid #502e77;}

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

#040206
```
#040206 rgb(4,2,6)
```
#0d0814
```
#0d0814 rgb(13,8,20)
```
#170d22
```
#170d22 rgb(23,13,34)
```
#201330
```
#201330 rgb(32,19,48)
```
#2a183e
```
#2a183e rgb(42,24,62)
```
#331e4d
```
#331e4d rgb(51,30,77)
```
#3d235b
```
#3d235b rgb(61,35,91)
```
#462969
```
#462969 rgb(70,41,105)
```
#502e77
```
#502e77 rgb(80,46,119)
```
#5a3385
```
#5a3385 rgb(90,51,133)
```
#633993
```
#633993 rgb(99,57,147)
```
#6d3ea1
```
#6d3ea1 rgb(109,62,161)
```
#7644b0
```
#7644b0 rgb(118,68,176)
```

Shade Color Variation

#804dba
```
#804dba rgb(128,77,186)
```
#8a5bc0
```
#8a5bc0 rgb(138,91,192)
```
#9469c5
```
#9469c5 rgb(148,105,197)
```
#9e77cb
```
#9e77cb rgb(158,119,203)
```
#a886d0
```
#a886d0 rgb(168,134,208)
```
#b294d6
```
#b294d6 rgb(178,148,214)
```
#bca2db
```
#bca2db rgb(188,162,219)
```
#c7b0e0
```
#c7b0e0 rgb(199,176,224)
```
#d1bee6
```
#d1bee6 rgb(209,190,230)
```
#dbcceb
```
#dbcceb rgb(219,204,235)
```
#e5daf1
```
#e5daf1 rgb(229,218,241)
```
#efe9f6
```
#efe9f6 rgb(239,233,246)
```
#f9f7fc
```
#f9f7fc rgb(249,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #524e57 is the less saturated color, while #4d02a3 is the most saturated one.

#524e57
```
#524e57 rgb(82,78,87)
```
#52475e
```
#52475e rgb(82,71,94)
```
#514164
```
#514164 rgb(81,65,100)
```
#513b6a
```
#513b6a rgb(81,59,106)
```
#503471
```
#503471 rgb(80,52,113)
```
#502e77
```
#502e77 rgb(80,46,119)
```
#50287d
```
#50287d rgb(80,40,125)
```
#4f2184
```
#4f2184 rgb(79,33,132)
```
#4f1b8a
```
#4f1b8a rgb(79,27,138)
```
#4e1590
```
#4e1590 rgb(78,21,144)
```
#4e0e97
```
#4e0e97 rgb(78,14,151)
```
#4d089d
```
#4d089d rgb(77,8,157)
```
#4d02a3
```
#4d02a3 rgb(77,2,163)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#433c4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0d468a Protanopia 1% of men
#1f4977 Deuteranopia 1% of men
#4d474c Tritanopia 0.001% of the population

Trichromacy

#253d83 Protanomaly 1% of men, 0.01% of women
#313f77 Deuteranomaly 6% of men, 0.4% of women
#4e3e5b Tritanomaly 0.01% of the population

#502e77 hex color

#502e77 Color Information

#502e77 Color Conversion

Color Schemes with #502e77

Alternatives to #502e77

#502e77 Preview

Shades and Tints of #502e77

Tones of #502e77

Color Blindness Simulator