#502777 hex color

In a RGB color space, hex #502777 is composed of 31.4% red, 15.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 32.8% cyan, 67.2% magenta, 0% yellow and 53.3% black. It has a hue angle of 270.8 degrees, a saturation of 50.6% and a lightness of 31%. #502777 color hex could be obtained by blending #a04eee with #000000. Closest websafe color is: #663366.

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

● #502777 color description : Dark moderate violet.

The hexadecimal color #502777 has RGB values of R:80, G:39, B:119 and CMYK values of C:0.33, M:0.67, Y:0, K:0.53. Its decimal value is 5252983.

Hex triplet	502777	`#502777`
RGB Decimal	80, 39, 119	`rgb(80,39,119)`
RGB Percent	31.4, 15.3, 46.7	`rgb(31.4%,15.3%,46.7%)`
CMYK	33, 67, 0, 53
HSL	270.8°, 50.6, 31	`hsl(270.8,50.6%,31%)`
HSV (or HSB)	270.8°, 67.2, 46.7
Web Safe	663366	`#663366`

CIE-LAB	25.225, 35.452, -38.547
XYZ	7.363, 4.489, 17.93
xyY	0.247, 0.151, 4.489
CIE-LCH	25.225, 52.371, 312.606
CIE-LUV	25.225, 10.294, -50.474
Hunter-Lab	21.186, 24.96, -35.348
Binary	01010000, 00100111, 01110111

#502777
```
#502777 rgb(80,39,119)
```
#4e7727
```
#4e7727 rgb(78,119,39)
```

Complementary Color

#282777
```
#282777 rgb(40,39,119)
```
#502777
```
#502777 rgb(80,39,119)
```
#772776
```
#772776 rgb(119,39,118)
```

Analogous Color

#277728
```
#277728 rgb(39,119,40)
```
#502777
```
#502777 rgb(80,39,119)
```
#767727
```
#767727 rgb(118,119,39)
```

Split Complementary Color

#277750
```
#277750 rgb(39,119,80)
```
#502777
```
#502777 rgb(80,39,119)
```
#775027
```
#775027 rgb(119,80,39)
```

Triadic Color

#274e77
```
#274e77 rgb(39,78,119)
```
#502777
```
#502777 rgb(80,39,119)
```
#775027
```
#775027 rgb(119,80,39)
```
#4e7727
```
#4e7727 rgb(78,119,39)
```

Tetradic Color

#29143d
```
#29143d rgb(41,20,61)
```
#361a51
```
#361a51 rgb(54,26,81)
```
#432164
```
#432164 rgb(67,33,100)
```
#502777
```
#502777 rgb(80,39,119)
```
#5d2d8a
```
#5d2d8a rgb(93,45,138)
```
#6a349d
```
#6a349d rgb(106,52,157)
```
#773ab1
```
#773ab1 rgb(119,58,177)
```

Monochromatic Color

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

#3c2777
```
#3c2777 rgb(60,39,119)
```
#432777
```
#432777 rgb(67,39,119)
```
#492777
```
#492777 rgb(73,39,119)
```
#502777
```
#502777 rgb(80,39,119)
```
#572777
```
#572777 rgb(87,39,119)
```
#5d2777
```
#5d2777 rgb(93,39,119)
```
#642777
```
#642777 rgb(100,39,119)
```

Similar Colors

Text with hexadecimal color #502777

This text has a font color of #502777.

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

#502777 background color

This paragraph has a background color of #502777.

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

#502777 border color

This element has a border color of #502777.

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

CSS codes

.text {color:#502777;}

.background {background-color:#502777;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0a0510
```
#0a0510 rgb(10,5,16)
```
#140a1e
```
#140a1e rgb(20,10,30)
```
#1e0f2d
```
#1e0f2d rgb(30,15,45)
```
#28143c
```
#28143c rgb(40,20,60)
```
#32184b
```
#32184b rgb(50,24,75)
```
#3c1d59
```
#3c1d59 rgb(60,29,89)
```
#462268
```
#462268 rgb(70,34,104)
```
#502777
```
#502777 rgb(80,39,119)
```
#5a2c86
```
#5a2c86 rgb(90,44,134)
```
#643195
```
#643195 rgb(100,49,149)
```
#6e36a3
```
#6e36a3 rgb(110,54,163)
```
#783ab2
```
#783ab2 rgb(120,58,178)
```

Shade Color Variation

#8240c0
```
#8240c0 rgb(130,64,192)
```
#8b4fc5
```
#8b4fc5 rgb(139,79,197)
```
#955dca
```
#955dca rgb(149,93,202)
```
#9f6ccf
```
#9f6ccf rgb(159,108,207)
```
#a87bd4
```
#a87bd4 rgb(168,123,212)
```
#b28ad9
```
#b28ad9 rgb(178,138,217)
```
#bc98dd
```
#bc98dd rgb(188,152,221)
```
#c5a7e2
```
#c5a7e2 rgb(197,167,226)
```
#cfb6e7
```
#cfb6e7 rgb(207,182,231)
```
#d9c5ec
```
#d9c5ec rgb(217,197,236)
```
#e2d3f1
```
#e2d3f1 rgb(226,211,241)
```
#ece2f6
```
#ece2f6 rgb(236,226,246)
```
#f6f1fa
```
#f6f1fa rgb(246,241,250)
```

Tint Color Variation

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

#4f4b53
```
#4f4b53 rgb(79,75,83)
```
#4f4559
```
#4f4559 rgb(79,69,89)
```
#4f3f5f
```
#4f3f5f rgb(79,63,95)
```
#503965
```
#503965 rgb(80,57,101)
```
#50336b
```
#50336b rgb(80,51,107)
```
#502d71
```
#502d71 rgb(80,45,113)
```
#502777
```
#502777 rgb(80,39,119)
```
#50217d
```
#50217d rgb(80,33,125)
```
#501b83
```
#501b83 rgb(80,27,131)
```
#501589
```
#501589 rgb(80,21,137)
```
#510f8f
```
#510f8f rgb(81,15,143)
```
#510995
```
#510995 rgb(81,9,149)
```
#51039b
```
#51039b rgb(81,3,155)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#403848 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004384 Protanopia 1% of men
#004776 Deuteranopia 1% of men
#4c4348 Tritanopia 0.001% of the population

Trichromacy

#1d397f Protanomaly 1% of men, 0.01% of women
#1d3b76 Deuteranomaly 6% of men, 0.4% of women
#4e3959 Tritanomaly 0.01% of the population

#502777 hex color

#502777 Color Information

#502777 Color Conversion

Color Schemes with #502777

Alternatives to #502777

#502777 Preview

Shades and Tints of #502777

Tones of #502777

Color Blindness Simulator