#502877 hex color

In a RGB color space, hex #502877 is composed of 31.4% red, 15.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 32.8% cyan, 66.4% magenta, 0% yellow and 53.3% black. It has a hue angle of 270.4 degrees, a saturation of 49.7% and a lightness of 31.2%. #502877 color hex could be obtained by blending #a050ee with #000000. Closest websafe color is: #663366.

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

● #502877 color description : Dark moderate violet.

The hexadecimal color #502877 has RGB values of R:80, G:40, B:119 and CMYK values of C:0.33, M:0.66, Y:0, K:0.53. Its decimal value is 5253239.

Hex triplet	502877	`#502877`
RGB Decimal	80, 40, 119	`rgb(80,40,119)`
RGB Percent	31.4, 15.7, 46.7	`rgb(31.4%,15.7%,46.7%)`
CMYK	33, 66, 0, 53
HSL	270.4°, 49.7, 31.2	`hsl(270.4,49.7%,31.2%)`
HSV (or HSB)	270.4°, 66.4, 46.7
Web Safe	663366	`#663366`

CIE-LAB	25.428, 34.899, -38.22
XYZ	7.396, 4.555, 17.941
xyY	0.247, 0.152, 4.555
CIE-LCH	25.428, 51.756, 312.4
CIE-LUV	25.428, 10.094, -50.206
Hunter-Lab	21.343, 24.51, -34.901
Binary	01010000, 00101000, 01110111

#502877
```
#502877 rgb(80,40,119)
```
#4f7728
```
#4f7728 rgb(79,119,40)
```

Complementary Color

#292877
```
#292877 rgb(41,40,119)
```
#502877
```
#502877 rgb(80,40,119)
```
#772877
```
#772877 rgb(119,40,119)
```

Analogous Color

#287729
```
#287729 rgb(40,119,41)
```
#502877
```
#502877 rgb(80,40,119)
```
#777728
```
#777728 rgb(119,119,40)
```

Split Complementary Color

#287750
```
#287750 rgb(40,119,80)
```
#502877
```
#502877 rgb(80,40,119)
```
#775028
```
#775028 rgb(119,80,40)
```

Triadic Color

#284f77
```
#284f77 rgb(40,79,119)
```
#502877
```
#502877 rgb(80,40,119)
```
#775028
```
#775028 rgb(119,80,40)
```
#4f7728
```
#4f7728 rgb(79,119,40)
```

Tetradic Color

#2a153e
```
#2a153e rgb(42,21,62)
```
#361b51
```
#361b51 rgb(54,27,81)
```
#432264
```
#432264 rgb(67,34,100)
```
#502877
```
#502877 rgb(80,40,119)
```
#5d2e8a
```
#5d2e8a rgb(93,46,138)
```
#6a359d
```
#6a359d rgb(106,53,157)
```
#763bb0
```
#763bb0 rgb(118,59,176)
```

Monochromatic Color

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

#3c2877
```
#3c2877 rgb(60,40,119)
```
#432877
```
#432877 rgb(67,40,119)
```
#492877
```
#492877 rgb(73,40,119)
```
#502877
```
#502877 rgb(80,40,119)
```
#572877
```
#572877 rgb(87,40,119)
```
#5d2877
```
#5d2877 rgb(93,40,119)
```
#642877
```
#642877 rgb(100,40,119)
```

Similar Colors

Text with hexadecimal color #502877

This text has a font color of #502877.

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

#502877 background color

This paragraph has a background color of #502877.

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

#502877 border color

This element has a border color of #502877.

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

CSS codes

.text {color:#502877;}

.background {background-color:#502877;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0b0510
```
#0b0510 rgb(11,5,16)
```
#150a1f
```
#150a1f rgb(21,10,31)
```
#1f0f2e
```
#1f0f2e rgb(31,15,46)
```
#29143c
```
#29143c rgb(41,20,60)
```
#32194b
```
#32194b rgb(50,25,75)
```
#3c1e5a
```
#3c1e5a rgb(60,30,90)
```
#462368
```
#462368 rgb(70,35,104)
```
#502877
```
#502877 rgb(80,40,119)
```
#5a2d86
```
#5a2d86 rgb(90,45,134)
```
#643294
```
#643294 rgb(100,50,148)
```
#6e37a3
```
#6e37a3 rgb(110,55,163)
```
#773cb2
```
#773cb2 rgb(119,60,178)
```

Shade Color Variation

#8142bf
```
#8142bf rgb(129,66,191)
```
#8b50c4
```
#8b50c4 rgb(139,80,196)
```
#955fc9
```
#955fc9 rgb(149,95,201)
```
#9f6ece
```
#9f6ece rgb(159,110,206)
```
#a87cd3
```
#a87cd3 rgb(168,124,211)
```
#b28bd8
```
#b28bd8 rgb(178,139,216)
```
#bc9add
```
#bc9add rgb(188,154,221)
```
#c6a8e2
```
#c6a8e2 rgb(198,168,226)
```
#cfb7e7
```
#cfb7e7 rgb(207,183,231)
```
#d9c6ec
```
#d9c6ec rgb(217,198,236)
```
#e3d5f1
```
#e3d5f1 rgb(227,213,241)
```
#ede3f6
```
#ede3f6 rgb(237,227,246)
```
#f6f2fb
```
#f6f2fb rgb(246,242,251)
```

Tint Color Variation

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

#504d52
```
#504d52 rgb(80,77,82)
```
#504758
```
#504758 rgb(80,71,88)
```
#50405f
```
#50405f rgb(80,64,95)
```
#503a65
```
#503a65 rgb(80,58,101)
```
#50346b
```
#50346b rgb(80,52,107)
```
#502e71
```
#502e71 rgb(80,46,113)
```
#502877
```
#502877 rgb(80,40,119)
```
#50227d
```
#50227d rgb(80,34,125)
```
#501c83
```
#501c83 rgb(80,28,131)
```
#501689
```
#501689 rgb(80,22,137)
```
#50108f
```
#50108f rgb(80,16,143)
```
#500996
```
#500996 rgb(80,9,150)
```
#50039c
```
#50039c rgb(80,3,156)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#413949 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#0d4776 Deuteranopia 1% of men
#4c4448 Tritanopia 0.001% of the population

Trichromacy

#1d3980 Protanomaly 1% of men, 0.01% of women
#253c76 Deuteranomaly 6% of men, 0.4% of women
#4e3959 Tritanomaly 0.01% of the population

#502877 hex color

#502877 Color Information

#502877 Color Conversion

Color Schemes with #502877

Alternatives to #502877

#502877 Preview

Shades and Tints of #502877

Tones of #502877

Color Blindness Simulator