colorhexa.com

#502784 hex color

In a RGB color space, hex #502784 is composed of 31.4% red, 15.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 70.5% magenta, 0% yellow and 48.2% black. It has a hue angle of 266.5 degrees, a saturation of 54.4% and a lightness of 33.5%. #502784 color hex could be obtained by blending #a04eff with #000009. Closest websafe color is: #663399.

- R 31
- G 15
- B 52
RGB color chart
- C 39
- M 70
- Y 0
- K 48
CMYK color chart

● #502784 color description : Dark violet.

The hexadecimal color #502784 has RGB values of R:80, G:39, B:132 and CMYK values of C:0.39, M:0.7, Y:0, K:0.48. Its decimal value is 5252996.

Hex triplet	502784	`#502784`
RGB Decimal	80, 39, 132	`rgb(80,39,132)`
RGB Percent	31.4, 15.3, 51.8	`rgb(31.4%,15.3%,51.8%)`
CMYK	39, 70, 0, 48
HSL	266.5°, 54.4, 33.5	`hsl(266.5,54.4%,33.5%)`
HSV (or HSB)	266.5°, 70.5, 51.8
Web Safe	663399	`#663399`

CIE-LAB	26.223, 38.92, -45.141
XYZ	8.198, 4.822, 22.327
xyY	0.232, 0.136, 4.822
CIE-LCH	26.223, 59.602, 310.768
CIE-LUV	26.223, 8.335, -59.357
Hunter-Lab	21.96, 28.206, -44.91
Binary	01010000, 00100111, 10000100

#502784
```
#502784 rgb(80,39,132)
```
#5b8427
```
#5b8427 rgb(91,132,39)
```

Complementary Color

#272d84
```
#272d84 rgb(39,45,132)
```
#502784
```
#502784 rgb(80,39,132)
```
#7f2784
```
#7f2784 rgb(127,39,132)
```

Analogous Color

#2d8427
```
#2d8427 rgb(45,132,39)
```
#502784
```
#502784 rgb(80,39,132)
```
#847f27
```
#847f27 rgb(132,127,39)
```

Split Complementary Color

#278450
```
#278450 rgb(39,132,80)
```
#502784
```
#502784 rgb(80,39,132)
```
#845027
```
#845027 rgb(132,80,39)
```

Triadic Color

#2c1649
```
#2c1649 rgb(44,22,73)
```
#381b5d
```
#381b5d rgb(56,27,93)
```
#442170
```
#442170 rgb(68,33,112)
```
#502784
```
#502784 rgb(80,39,132)
```
#5c2d98
```
#5c2d98 rgb(92,45,152)
```
#6833ab
```
#6833ab rgb(104,51,171)
```
#7438bf
```
#7438bf rgb(116,56,191)
```

Monochromatic Color

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

#392784
```
#392784 rgb(57,39,132)
```
#402784
```
#402784 rgb(64,39,132)
```
#482784
```
#482784 rgb(72,39,132)
```
#502784
```
#502784 rgb(80,39,132)
```
#582784
```
#582784 rgb(88,39,132)
```
#602784
```
#602784 rgb(96,39,132)
```
#672784
```
#672784 rgb(103,39,132)
```

Similar Colors

Text with hexadecimal color #502784

This text has a font color of #502784.

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

#502784 background color

This paragraph has a background color of #502784.

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

#502784 border color

This element has a border color of #502784.

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

CSS codes

.text {color:#502784;}

.background {background-color:#502784;}

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

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, #07030b is the darkest color, while #fcfbfe is the lightest one.

#07030b
```
#07030b rgb(7,3,11)
```
#10081a
```
#10081a rgb(16,8,26)
```
#190c29
```
#190c29 rgb(25,12,41)
```
#221138
```
#221138 rgb(34,17,56)
```
#2b1547
```
#2b1547 rgb(43,21,71)
```
#341a57
```
#341a57 rgb(52,26,87)
```
#3e1e66
```
#3e1e66 rgb(62,30,102)
```
#472375
```
#472375 rgb(71,35,117)
```
#502784
```
#502784 rgb(80,39,132)
```
#592b93
```
#592b93 rgb(89,43,147)
```
#6230a2
```
#6230a2 rgb(98,48,162)
```
#6c34b1
```
#6c34b1 rgb(108,52,177)
```
#7539c1
```
#7539c1 rgb(117,57,193)
```

Shade Color Variation

#7f45c8
```
#7f45c8 rgb(127,69,200)
```
#8954cd
```
#8954cd rgb(137,84,205)
```
#9463d1
```
#9463d1 rgb(148,99,209)
```
#9e72d5
```
#9e72d5 rgb(158,114,213)
```
#a982da
```
#a982da rgb(169,130,218)
```
#b391de
```
#b391de rgb(179,145,222)
```
#bda0e3
```
#bda0e3 rgb(189,160,227)
```
#c8afe7
```
#c8afe7 rgb(200,175,231)
```
#d2beec
```
#d2beec rgb(210,190,236)
```
#ddcdf0
```
#ddcdf0 rgb(221,205,240)
```
#e7dcf5
```
#e7dcf5 rgb(231,220,245)
```
#f2ecf9
```
#f2ecf9 rgb(242,236,249)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#555556
```
#555556 rgb(85,85,86)
```
#554e5d
```
#554e5d rgb(85,78,93)
```
#544863
```
#544863 rgb(84,72,99)
```
#53416a
```
#53416a rgb(83,65,106)
```
#523b70
```
#523b70 rgb(82,59,112)
```
#523477
```
#523477 rgb(82,52,119)
```
#512e7d
```
#512e7d rgb(81,46,125)
```
#502784
```
#502784 rgb(80,39,132)
```
#4f208b
```
#4f208b rgb(79,32,139)
```
#4e1a91
```
#4e1a91 rgb(78,26,145)
```
#4e1398
```
#4e1398 rgb(78,19,152)
```
#4d0d9e
```
#4d0d9e rgb(77,13,158)
```
#4c06a5
```
#4c06a5 rgb(76,6,165)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#42394c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004588 Protanopia 1% of men
#004978 Deuteranopia 1% of men
#48474c Tritanopia 0.001% of the population

Trichromacy

#1d3a86 Protanomaly 1% of men, 0.01% of women
#1d3c7c Deuteranomaly 6% of men, 0.4% of women
#4b3b60 Tritanomaly 0.01% of the population