#502d84 hex color

In a RGB color space, hex #502d84 is composed of 31.4% red, 17.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 65.9% magenta, 0% yellow and 48.2% black. It has a hue angle of 264.1 degrees, a saturation of 49.2% and a lightness of 34.7%. #502d84 color hex could be obtained by blending #a05aff with #000009. Closest websafe color is: #663399.

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

● #502d84 color description : Dark moderate violet.

The hexadecimal color #502d84 has RGB values of R:80, G:45, B:132 and CMYK values of C:0.39, M:0.66, Y:0, K:0.48. Its decimal value is 5254532.

Hex triplet	502d84	`#502d84`
RGB Decimal	80, 45, 132	`rgb(80,45,132)`
RGB Percent	31.4, 17.6, 51.8	`rgb(31.4%,17.6%,51.8%)`
CMYK	39, 66, 0, 48
HSL	264.1°, 49.2, 34.7	`hsl(264.1,49.2%,34.7%)`
HSV (or HSB)	264.1°, 65.9, 51.8
Web Safe	663399	`#663399`

CIE-LAB	27.43, 35.611, -43.183
XYZ	8.411, 5.248, 22.398
xyY	0.233, 0.146, 5.248
CIE-LCH	27.43, 55.972, 309.51
CIE-LUV	27.43, 7.188, -57.868
Hunter-Lab	22.909, 25.444, -41.932
Binary	01010000, 00101101, 10000100

#502d84
```
#502d84 rgb(80,45,132)
```
#61842d
```
#61842d rgb(97,132,45)
```

Complementary Color

#2d3684
```
#2d3684 rgb(45,54,132)
```
#502d84
```
#502d84 rgb(80,45,132)
```
#7c2d84
```
#7c2d84 rgb(124,45,132)
```

Analogous Color

#36842d
```
#36842d rgb(54,132,45)
```
#502d84
```
#502d84 rgb(80,45,132)
```
#847c2d
```
#847c2d rgb(132,124,45)
```

Split Complementary Color

#2d8450
```
#2d8450 rgb(45,132,80)
```
#502d84
```
#502d84 rgb(80,45,132)
```
#84502d
```
#84502d rgb(132,80,45)
```

Triadic Color

#2d6184
```
#2d6184 rgb(45,97,132)
```
#502d84
```
#502d84 rgb(80,45,132)
```
#84502d
```
#84502d rgb(132,80,45)
```
#61842d
```
#61842d rgb(97,132,45)
```

Tetradic Color

#2d1a4b
```
#2d1a4b rgb(45,26,75)
```
#39205e
```
#39205e rgb(57,32,94)
```
#442771
```
#442771 rgb(68,39,113)
```
#502d84
```
#502d84 rgb(80,45,132)
```
#5c3397
```
#5c3397 rgb(92,51,151)
```
#673aaa
```
#673aaa rgb(103,58,170)
```
#7340bd
```
#7340bd rgb(115,64,189)
```

Monochromatic Color

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

#3a2d84
```
#3a2d84 rgb(58,45,132)
```
#422d84
```
#422d84 rgb(66,45,132)
```
#492d84
```
#492d84 rgb(73,45,132)
```
#502d84
```
#502d84 rgb(80,45,132)
```
#572d84
```
#572d84 rgb(87,45,132)
```
#5f2d84
```
#5f2d84 rgb(95,45,132)
```
#662d84
```
#662d84 rgb(102,45,132)
```

Similar Colors

Text with hexadecimal color #502d84

This text has a font color of #502d84.

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

#502d84 background color

This paragraph has a background color of #502d84.

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

#502d84 border color

This element has a border color of #502d84.

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

CSS codes

.text {color:#502d84;}

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

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

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 #f5f1fa is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#09050f
```
#09050f rgb(9,5,15)
```
#120a1e
```
#120a1e rgb(18,10,30)
```
#1b0f2c
```
#1b0f2c rgb(27,15,44)
```
#24143b
```
#24143b rgb(36,20,59)
```
#2d1949
```
#2d1949 rgb(45,25,73)
```
#351e58
```
#351e58 rgb(53,30,88)
```
#3e2367
```
#3e2367 rgb(62,35,103)
```
#472875
```
#472875 rgb(71,40,117)
```
#502d84
```
#502d84 rgb(80,45,132)
```
#593293
```
#593293 rgb(89,50,147)
```
#6237a1
```
#6237a1 rgb(98,55,161)
```
#6b3cb0
```
#6b3cb0 rgb(107,60,176)
```

Shade Color Variation

#7441be
```
#7441be rgb(116,65,190)
```
#7e50c3
```
#7e50c3 rgb(126,80,195)
```
#895ec8
```
#895ec8 rgb(137,94,200)
```
#946dcd
```
#946dcd rgb(148,109,205)
```
#9f7cd2
```
#9f7cd2 rgb(159,124,210)
```
#a98ad7
```
#a98ad7 rgb(169,138,215)
```
#b499dc
```
#b499dc rgb(180,153,220)
```
#bfa8e1
```
#bfa8e1 rgb(191,168,225)
```
#cab6e6
```
#cab6e6 rgb(202,182,230)
```
#d4c5eb
```
#d4c5eb rgb(212,197,235)
```
#dfd3f0
```
#dfd3f0 rgb(223,211,240)
```
#eae2f5
```
#eae2f5 rgb(234,226,245)
```
#f5f1fa
```
#f5f1fa rgb(245,241,250)
```

Tint Color Variation

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

#58565b
```
#58565b rgb(88,86,91)
```
#574f62
```
#574f62 rgb(87,79,98)
```
#554869
```
#554869 rgb(85,72,105)
```
#544170
```
#544170 rgb(84,65,112)
```
#533b76
```
#533b76 rgb(83,59,118)
```
#51347d
```
#51347d rgb(81,52,125)
```
#502d84
```
#502d84 rgb(80,45,132)
```
#4f268b
```
#4f268b rgb(79,38,139)
```
#4d1f92
```
#4d1f92 rgb(77,31,146)
```
#4c1998
```
#4c1998 rgb(76,25,152)
```
#4b129f
```
#4b129f rgb(75,18,159)
```
#490ba6
```
#490ba6 rgb(73,11,166)
```
#4804ad
```
#4804ad rgb(72,4,173)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#443d4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488d Protanopia 1% of men
#004c7d Deuteranopia 1% of men
#494a4f Tritanopia 0.001% of the population

Trichromacy

#1d3e8a Protanomaly 1% of men, 0.01% of women
#1d4080 Deuteranomaly 6% of men, 0.4% of women
#4b3f62 Tritanomaly 0.01% of the population

#502d84 hex color

#502d84 Color Information

#502d84 Color Conversion

Color Schemes with #502d84

Alternatives to #502d84

#502d84 Preview

Shades and Tints of #502d84

Tones of #502d84

Color Blindness Simulator