colorhexa.com

#502776 hex color

In a RGB color space, hex #502776 is composed of 31.4% red, 15.3% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 32.2% cyan, 66.9% magenta, 0% yellow and 53.7% black. It has a hue angle of 271.1 degrees, a saturation of 50.3% and a lightness of 30.8%. #502776 color hex could be obtained by blending #a04eec with #000000. Closest websafe color is: #663366.

- R 31
- G 15
- B 46
RGB color chart
- C 32
- M 67
- Y 0
- K 54
CMYK color chart

● #502776 color description : Dark moderate violet.

The hexadecimal color #502776 has RGB values of R:80, G:39, B:118 and CMYK values of C:0.32, M:0.67, Y:0, K:0.54. Its decimal value is 5252982.

Hex triplet	502776	`#502776`
RGB Decimal	80, 39, 118	`rgb(80,39,118)`
RGB Percent	31.4, 15.3, 46.3	`rgb(31.4%,15.3%,46.3%)`
CMYK	32, 67, 0, 54
HSL	271.1°, 50.3, 30.8	`hsl(271.1,50.3%,30.8%)`
HSV (or HSB)	271.1°, 66.9, 46.3
Web Safe	663366	`#663366`

CIE-LAB	25.152, 35.19, -38.028
XYZ	7.303, 4.465, 17.616
xyY	0.249, 0.152, 4.465
CIE-LCH	25.152, 51.812, 312.78
CIE-LUV	25.152, 10.453, -49.779
Hunter-Lab	21.13, 24.72, -34.639
Binary	01010000, 00100111, 01110110

#502776
```
#502776 rgb(80,39,118)
```
#4d7627
```
#4d7627 rgb(77,118,39)
```

Complementary Color

#292776
```
#292776 rgb(41,39,118)
```
#502776
```
#502776 rgb(80,39,118)
```
#762775
```
#762775 rgb(118,39,117)
```

Analogous Color

#277629
```
#277629 rgb(39,118,41)
```
#502776
```
#502776 rgb(80,39,118)
```
#757627
```
#757627 rgb(117,118,39)
```

Split Complementary Color

#277650
```
#277650 rgb(39,118,80)
```
#502776
```
#502776 rgb(80,39,118)
```
#765027
```
#765027 rgb(118,80,39)
```

Triadic Color

#29143d
```
#29143d rgb(41,20,61)
```
#361a50
```
#361a50 rgb(54,26,80)
```
#432163
```
#432163 rgb(67,33,99)
```
#502776
```
#502776 rgb(80,39,118)
```
#5d2d89
```
#5d2d89 rgb(93,45,137)
```
#6a349c
```
#6a349c rgb(106,52,156)
```
#773aaf
```
#773aaf rgb(119,58,175)
```

Monochromatic Color

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

#3c2776
```
#3c2776 rgb(60,39,118)
```
#432776
```
#432776 rgb(67,39,118)
```
#492776
```
#492776 rgb(73,39,118)
```
#502776
```
#502776 rgb(80,39,118)
```
#572776
```
#572776 rgb(87,39,118)
```
#5d2776
```
#5d2776 rgb(93,39,118)
```
#642776
```
#642776 rgb(100,39,118)
```

Similar Colors

Text with hexadecimal color #502776

This text has a font color of #502776.

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

#502776 background color

This paragraph has a background color of #502776.

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

#502776 border color

This element has a border color of #502776.

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

CSS codes

.text {color:#502776;}

.background {background-color:#502776;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0a050f
```
#0a050f rgb(10,5,15)
```
#140a1e
```
#140a1e rgb(20,10,30)
```
#1e0f2c
```
#1e0f2c rgb(30,15,44)
```
#28143b
```
#28143b rgb(40,20,59)
```
#32184a
```
#32184a rgb(50,24,74)
```
#3c1d59
```
#3c1d59 rgb(60,29,89)
```
#462267
```
#462267 rgb(70,34,103)
```
#502776
```
#502776 rgb(80,39,118)
```
#5a2c85
```
#5a2c85 rgb(90,44,133)
```
#643193
```
#643193 rgb(100,49,147)
```
#6e36a2
```
#6e36a2 rgb(110,54,162)
```
#783ab1
```
#783ab1 rgb(120,58,177)
```

Shade Color Variation

#823fc0
```
#823fc0 rgb(130,63,192)
```
#8c4ec5
```
#8c4ec5 rgb(140,78,197)
```
#955dc9
```
#955dc9 rgb(149,93,201)
```
#9f6cce
```
#9f6cce rgb(159,108,206)
```
#a87ad3
```
#a87ad3 rgb(168,122,211)
```
#b289d8
```
#b289d8 rgb(178,137,216)
```
#bc98dd
```
#bc98dd rgb(188,152,221)
```
#c5a7e2
```
#c5a7e2 rgb(197,167,226)
```
#cfb5e7
```
#cfb5e7 rgb(207,181,231)
```
#d9c4ec
```
#d9c4ec rgb(217,196,236)
```
#e2d3f0
```
#e2d3f0 rgb(226,211,240)
```
#ece2f5
```
#ece2f5 rgb(236,226,245)
```
#f5f0fa
```
#f5f0fa rgb(245,240,250)
```

Tint Color Variation

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

#4f4b52
```
#4f4b52 rgb(79,75,82)
```
#4f4558
```
#4f4558 rgb(79,69,88)
```
#4f3f5e
```
#4f3f5e rgb(79,63,94)
```
#4f3964
```
#4f3964 rgb(79,57,100)
```
#50336a
```
#50336a rgb(80,51,106)
```
#502d70
```
#502d70 rgb(80,45,112)
```
#502776
```
#502776 rgb(80,39,118)
```
#50217c
```
#50217c rgb(80,33,124)
```
#501b82
```
#501b82 rgb(80,27,130)
```
#511588
```
#511588 rgb(81,21,136)
```
#510f8e
```
#510f8e rgb(81,15,142)
```
#510994
```
#510994 rgb(81,9,148)
```
#51039a
```
#51039a rgb(81,3,154)
```

Tone Color Variation

Below, you can see how #502776 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
#0d4675 Deuteranopia 1% of men
#4d4347 Tritanopia 0.001% of the population

Trichromacy

#1d397f Protanomaly 1% of men, 0.01% of women
#253b75 Deuteranomaly 6% of men, 0.4% of women
#4e3858 Tritanomaly 0.01% of the population