#502b84 hex color

In a RGB color space, hex #502b84 is composed of 31.4% red, 16.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 67.4% magenta, 0% yellow and 48.2% black. It has a hue angle of 264.9 degrees, a saturation of 50.9% and a lightness of 34.3%. #502b84 color hex could be obtained by blending #a056ff with #000009. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 17
- B 52
RGB color chart
- C 39
- M 67
- Y 0
- K 48
CMYK color chart

● #502b84 color description : Dark moderate violet.

The hexadecimal color #502b84 has RGB values of R:80, G:43, B:132 and CMYK values of C:0.39, M:0.67, Y:0, K:0.48. Its decimal value is 5254020.

Hex triplet	502b84	`#502b84`
RGB Decimal	80, 43, 132	`rgb(80,43,132)`
RGB Percent	31.4, 16.9, 51.8	`rgb(31.4%,16.9%,51.8%)`
CMYK	39, 67, 0, 48
HSL	264.9°, 50.9, 34.3	`hsl(264.9,50.9%,34.3%)`
HSV (or HSB)	264.9°, 67.4, 51.8
Web Safe	663399	`#663399`

CIE-LAB	27.015, 36.739, -43.855
XYZ	8.336, 5.099, 22.374
xyY	0.233, 0.142, 5.099
CIE-LCH	27.015, 57.211, 309.954
CIE-LUV	27.015, 7.592, -58.405
Hunter-Lab	22.581, 26.379, -42.937
Binary	01010000, 00101011, 10000100

#502b84
```
#502b84 rgb(80,43,132)
```
#5f842b
```
#5f842b rgb(95,132,43)
```

Complementary Color

#2b3384
```
#2b3384 rgb(43,51,132)
```
#502b84
```
#502b84 rgb(80,43,132)
```
#7d2b84
```
#7d2b84 rgb(125,43,132)
```

Analogous Color

#33842b
```
#33842b rgb(51,132,43)
```
#502b84
```
#502b84 rgb(80,43,132)
```
#847d2b
```
#847d2b rgb(132,125,43)
```

Split Complementary Color

#2b8450
```
#2b8450 rgb(43,132,80)
```
#502b84
```
#502b84 rgb(80,43,132)
```
#84502b
```
#84502b rgb(132,80,43)
```

Triadic Color

#2b5f84
```
#2b5f84 rgb(43,95,132)
```
#502b84
```
#502b84 rgb(80,43,132)
```
#84502b
```
#84502b rgb(132,80,43)
```
#5f842b
```
#5f842b rgb(95,132,43)
```

Tetradic Color

#2d184a
```
#2d184a rgb(45,24,74)
```
#391e5e
```
#391e5e rgb(57,30,94)
```
#442571
```
#442571 rgb(68,37,113)
```
#502b84
```
#502b84 rgb(80,43,132)
```
#5c3197
```
#5c3197 rgb(92,49,151)
```
#6738aa
```
#6738aa rgb(103,56,170)
```
#733ebe
```
#733ebe rgb(115,62,190)
```

Monochromatic Color

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

#3a2b84
```
#3a2b84 rgb(58,43,132)
```
#412b84
```
#412b84 rgb(65,43,132)
```
#492b84
```
#492b84 rgb(73,43,132)
```
#502b84
```
#502b84 rgb(80,43,132)
```
#572b84
```
#572b84 rgb(87,43,132)
```
#5f2b84
```
#5f2b84 rgb(95,43,132)
```
#662b84
```
#662b84 rgb(102,43,132)
```

Similar Colors

Text with hexadecimal color #502b84

This text has a font color of #502b84.

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

#502b84 background color

This paragraph has a background color of #502b84.

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

#502b84 border color

This element has a border color of #502b84.

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

CSS codes

.text {color:#502b84;}

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

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

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, #08040e is the darkest color, while #fefeff is the lightest one.

#08040e
```
#08040e rgb(8,4,14)
```
#11091c
```
#11091c rgb(17,9,28)
```
#1a0e2b
```
#1a0e2b rgb(26,14,43)
```
#23133a
```
#23133a rgb(35,19,58)
```
#2c1849
```
#2c1849 rgb(44,24,73)
```
#351d58
```
#351d58 rgb(53,29,88)
```
#3e2166
```
#3e2166 rgb(62,33,102)
```
#472675
```
#472675 rgb(71,38,117)
```
#502b84
```
#502b84 rgb(80,43,132)
```
#593093
```
#593093 rgb(89,48,147)
```
#6235a2
```
#6235a2 rgb(98,53,162)
```
#6b39b0
```
#6b39b0 rgb(107,57,176)
```
#743ebf
```
#743ebf rgb(116,62,191)
```

Shade Color Variation

#7e4cc5
```
#7e4cc5 rgb(126,76,197)
```
#895bca
```
#895bca rgb(137,91,202)
```
#946ace
```
#946ace rgb(148,106,206)
```
#9e79d3
```
#9e79d3 rgb(158,121,211)
```
#a987d8
```
#a987d8 rgb(169,135,216)
```
#b496dd
```
#b496dd rgb(180,150,221)
```
#bea5e2
```
#bea5e2 rgb(190,165,226)
```
#c9b4e7
```
#c9b4e7 rgb(201,180,231)
```
#d4c3eb
```
#d4c3eb rgb(212,195,235)
```
#ded1f0
```
#ded1f0 rgb(222,209,240)
```
#e9e0f5
```
#e9e0f5 rgb(233,224,245)
```
#f4effa
```
#f4effa rgb(244,239,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#57535c
```
#57535c rgb(87,83,92)
```
#564d62
```
#564d62 rgb(86,77,98)
```
#554669
```
#554669 rgb(85,70,105)
```
#533f70
```
#533f70 rgb(83,63,112)
```
#523877
```
#523877 rgb(82,56,119)
```
#51327d
```
#51327d rgb(81,50,125)
```
#502b84
```
#502b84 rgb(80,43,132)
```
#4f248b
```
#4f248b rgb(79,36,139)
```
#4e1e91
```
#4e1e91 rgb(78,30,145)
```
#4d1798
```
#4d1798 rgb(77,23,152)
```
#4b109f
```
#4b109f rgb(75,16,159)
```
#4a09a6
```
#4a09a6 rgb(74,9,166)
```
#4903ac
```
#4903ac rgb(73,3,172)
```

Tone Color Variation

Below, you can see how #502b84 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
#433c4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478b Protanopia 1% of men
#004b7c Deuteranopia 1% of men
#49494e Tritanopia 0.001% of the population

Trichromacy

#1d3d89 Protanomaly 1% of men, 0.01% of women
#1d3f7e Deuteranomaly 6% of men, 0.4% of women
#4b3e62 Tritanomaly 0.01% of the population

#502b84 hex color

#502b84 Color Information

#502b84 Color Conversion

Color Schemes with #502b84

Alternatives to #502b84

#502b84 Preview

Shades and Tints of #502b84

Tones of #502b84

Color Blindness Simulator