#502a84 hex color

In a RGB color space, hex #502a84 is composed of 31.4% red, 16.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 68.2% magenta, 0% yellow and 48.2% black. It has a hue angle of 265.3 degrees, a saturation of 51.7% and a lightness of 34.1%. #502a84 color hex could be obtained by blending #a054ff with #000009. Closest websafe color is: #663399.

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

● #502a84 color description : Dark moderate violet.

The hexadecimal color #502a84 has RGB values of R:80, G:42, B:132 and CMYK values of C:0.39, M:0.68, Y:0, K:0.48. Its decimal value is 5253764.

Hex triplet	502a84	`#502a84`
RGB Decimal	80, 42, 132	`rgb(80,42,132)`
RGB Percent	31.4, 16.5, 51.8	`rgb(31.4%,16.5%,51.8%)`
CMYK	39, 68, 0, 48
HSL	265.3°, 51.7, 34.1	`hsl(265.3,51.7%,34.1%)`
HSV (or HSB)	265.3°, 68.2, 51.8
Web Safe	663399	`#663399`

CIE-LAB	26.813, 37.295, -44.184
XYZ	8.3, 5.027, 22.362
xyY	0.233, 0.141, 5.027
CIE-LCH	26.813, 57.82, 310.167
CIE-LUV	26.813, 7.786, -58.658
Hunter-Lab	22.422, 26.841, -43.436
Binary	01010000, 00101010, 10000100

#502a84
```
#502a84 rgb(80,42,132)
```
#5e842a
```
#5e842a rgb(94,132,42)
```

Complementary Color

#2a3184
```
#2a3184 rgb(42,49,132)
```
#502a84
```
#502a84 rgb(80,42,132)
```
#7d2a84
```
#7d2a84 rgb(125,42,132)
```

Analogous Color

#31842a
```
#31842a rgb(49,132,42)
```
#502a84
```
#502a84 rgb(80,42,132)
```
#847d2a
```
#847d2a rgb(132,125,42)
```

Split Complementary Color

#2a8450
```
#2a8450 rgb(42,132,80)
```
#502a84
```
#502a84 rgb(80,42,132)
```
#84502a
```
#84502a rgb(132,80,42)
```

Triadic Color

#2a5e84
```
#2a5e84 rgb(42,94,132)
```
#502a84
```
#502a84 rgb(80,42,132)
```
#84502a
```
#84502a rgb(132,80,42)
```
#5e842a
```
#5e842a rgb(94,132,42)
```

Tetradic Color

#2d184a
```
#2d184a rgb(45,24,74)
```
#391e5d
```
#391e5d rgb(57,30,93)
```
#442471
```
#442471 rgb(68,36,113)
```
#502a84
```
#502a84 rgb(80,42,132)
```
#5c3097
```
#5c3097 rgb(92,48,151)
```
#6736ab
```
#6736ab rgb(103,54,171)
```
#733cbe
```
#733cbe rgb(115,60,190)
```

Monochromatic Color

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

#392a84
```
#392a84 rgb(57,42,132)
```
#412a84
```
#412a84 rgb(65,42,132)
```
#492a84
```
#492a84 rgb(73,42,132)
```
#502a84
```
#502a84 rgb(80,42,132)
```
#582a84
```
#582a84 rgb(88,42,132)
```
#5f2a84
```
#5f2a84 rgb(95,42,132)
```
#672a84
```
#672a84 rgb(103,42,132)
```

Similar Colors

Text with hexadecimal color #502a84

This text has a font color of #502a84.

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

#502a84 background color

This paragraph has a background color of #502a84.

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

#502a84 border color

This element has a border color of #502a84.

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

CSS codes

.text {color:#502a84;}

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

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

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

#08040d
```
#08040d rgb(8,4,13)
```
#11091c
```
#11091c rgb(17,9,28)
```
#1a0e2b
```
#1a0e2b rgb(26,14,43)
```
#23123a
```
#23123a rgb(35,18,58)
```
#2c1748
```
#2c1748 rgb(44,23,72)
```
#351c57
```
#351c57 rgb(53,28,87)
```
#3e2166
```
#3e2166 rgb(62,33,102)
```
#472575
```
#472575 rgb(71,37,117)
```
#502a84
```
#502a84 rgb(80,42,132)
```
#592f93
```
#592f93 rgb(89,47,147)
```
#6233a2
```
#6233a2 rgb(98,51,162)
```
#6b38b1
```
#6b38b1 rgb(107,56,177)
```
#743dc0
```
#743dc0 rgb(116,61,192)
```

Shade Color Variation

#7e4bc6
```
#7e4bc6 rgb(126,75,198)
```
#8959ca
```
#8959ca rgb(137,89,202)
```
#9468cf
```
#9468cf rgb(148,104,207)
```
#9e77d4
```
#9e77d4 rgb(158,119,212)
```
#a986d9
```
#a986d9 rgb(169,134,217)
```
#b395dd
```
#b395dd rgb(179,149,221)
```
#bea4e2
```
#bea4e2 rgb(190,164,226)
```
#c9b3e7
```
#c9b3e7 rgb(201,179,231)
```
#d3c2eb
```
#d3c2eb rgb(211,194,235)
```
#ded0f0
```
#ded0f0 rgb(222,208,240)
```
#e8dff5
```
#e8dff5 rgb(232,223,245)
```
#f3eefa
```
#f3eefa rgb(243,238,250)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#56525c
```
#56525c rgb(86,82,92)
```
#554b63
```
#554b63 rgb(85,75,99)
```
#544569
```
#544569 rgb(84,69,105)
```
#533e70
```
#533e70 rgb(83,62,112)
```
#523777
```
#523777 rgb(82,55,119)
```
#51317d
```
#51317d rgb(81,49,125)
```
#502a84
```
#502a84 rgb(80,42,132)
```
#4f238b
```
#4f238b rgb(79,35,139)
```
#4e1d91
```
#4e1d91 rgb(78,29,145)
```
#4d1698
```
#4d1698 rgb(77,22,152)
```
#4c0f9f
```
#4c0f9f rgb(76,15,159)
```
#4b09a5
```
#4b09a5 rgb(75,9,165)
```
#4a02ac
```
#4a02ac rgb(74,2,172)
```

Tone Color Variation

Below, you can see how #502a84 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
#004a7b Deuteranopia 1% of men
#49484e Tritanopia 0.001% of the population

Trichromacy

#1d3c88 Protanomaly 1% of men, 0.01% of women
#1d3e7e Deuteranomaly 6% of men, 0.4% of women
#4b3d61 Tritanomaly 0.01% of the population

#502a84 hex color

#502a84 Color Information

#502a84 Color Conversion

Color Schemes with #502a84

Alternatives to #502a84

#502a84 Preview

Shades and Tints of #502a84

Tones of #502a84

Color Blindness Simulator