#502c9a hex color

In a RGB color space, hex #502c9a is composed of 31.4% red, 17.3% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 71.4% magenta, 0% yellow and 39.6% black. It has a hue angle of 259.6 degrees, a saturation of 55.6% and a lightness of 38.8%. #502c9a color hex could be obtained by blending #a058ff with #000035. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 17
- B 60
RGB color chart
- C 48
- M 71
- Y 0
- K 40
CMYK color chart

● #502c9a color description : Dark violet.

The hexadecimal color #502c9a has RGB values of R:80, G:44, B:154 and CMYK values of C:0.48, M:0.71, Y:0, K:0.4. Its decimal value is 5254298.

Hex triplet	502c9a	`#502c9a`
RGB Decimal	80, 44, 154	`rgb(80,44,154)`
RGB Percent	31.4, 17.3, 60.4	`rgb(31.4%,17.3%,60.4%)`
CMYK	48, 71, 0, 40
HSL	259.6°, 55.6, 38.8	`hsl(259.6,55.6%,38.8%)`
HSV (or HSB)	259.6°, 71.4, 60.4
Web Safe	663399	`#663399`

CIE-LAB	29.005, 42.377, -54.215
XYZ	10.041, 5.84, 31.168
xyY	0.213, 0.124, 5.84
CIE-LCH	29.005, 68.812, 308.012
CIE-LUV	29.005, 4.63, -72.911
Hunter-Lab	24.166, 31.875, -59.555
Binary	01010000, 00101100, 10011010

#502c9a
```
#502c9a rgb(80,44,154)
```
#769a2c
```
#769a2c rgb(118,154,44)
```

Complementary Color

#2c3f9a
```
#2c3f9a rgb(44,63,154)
```
#502c9a
```
#502c9a rgb(80,44,154)
```
#872c9a
```
#872c9a rgb(135,44,154)
```

Analogous Color

#3f9a2c
```
#3f9a2c rgb(63,154,44)
```
#502c9a
```
#502c9a rgb(80,44,154)
```
#9a872c
```
#9a872c rgb(154,135,44)
```

Split Complementary Color

#2c9a50
```
#2c9a50 rgb(44,154,80)
```
#502c9a
```
#502c9a rgb(80,44,154)
```
#9a502c
```
#9a502c rgb(154,80,44)
```

Triadic Color

#2c769a
```
#2c769a rgb(44,118,154)
```
#502c9a
```
#502c9a rgb(80,44,154)
```
#9a502c
```
#9a502c rgb(154,80,44)
```
#769a2c
```
#769a2c rgb(118,154,44)
```

Tetradic Color

#311b5f
```
#311b5f rgb(49,27,95)
```
#3b2172
```
#3b2172 rgb(59,33,114)
```
#462686
```
#462686 rgb(70,38,134)
```
#502c9a
```
#502c9a rgb(80,44,154)
```
#5a32ae
```
#5a32ae rgb(90,50,174)
```
#6537c2
```
#6537c2 rgb(101,55,194)
```
#7348cb
```
#7348cb rgb(115,72,203)
```

Monochromatic Color

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

#352c9a
```
#352c9a rgb(53,44,154)
```
#3e2c9a
```
#3e2c9a rgb(62,44,154)
```
#472c9a
```
#472c9a rgb(71,44,154)
```
#502c9a
```
#502c9a rgb(80,44,154)
```
#592c9a
```
#592c9a rgb(89,44,154)
```
#622c9a
```
#622c9a rgb(98,44,154)
```
#6c2c9a
```
#6c2c9a rgb(108,44,154)
```

Similar Colors

Text with hexadecimal color #502c9a

This text has a font color of #502c9a.

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

#502c9a background color

This paragraph has a background color of #502c9a.

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

#502c9a border color

This element has a border color of #502c9a.

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

CSS codes

.text {color:#502c9a;}

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

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

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

#010001
```
#010001 rgb(1,0,1)
```
#090511
```
#090511 rgb(9,5,17)
```
#110920
```
#110920 rgb(17,9,32)
```
#190d2f
```
#190d2f rgb(25,13,47)
```
#20123e
```
#20123e rgb(32,18,62)
```
#28164e
```
#28164e rgb(40,22,78)
```
#301b5d
```
#301b5d rgb(48,27,93)
```
#381f6c
```
#381f6c rgb(56,31,108)
```
#40237b
```
#40237b rgb(64,35,123)
```
#48288b
```
#48288b rgb(72,40,139)
```
#502c9a
```
#502c9a rgb(80,44,154)
```
#5830a9
```
#5830a9 rgb(88,48,169)
```
#6035b9
```
#6035b9 rgb(96,53,185)
```

Shade Color Variation

#683ac7
```
#683ac7 rgb(104,58,199)
```
#7449cb
```
#7449cb rgb(116,73,203)
```
#8059cf
```
#8059cf rgb(128,89,207)
```
#8b68d4
```
#8b68d4 rgb(139,104,212)
```
#9777d8
```
#9777d8 rgb(151,119,216)
```
#a386dd
```
#a386dd rgb(163,134,221)
```
#ae96e1
```
#ae96e1 rgb(174,150,225)
```
#baa5e5
```
#baa5e5 rgb(186,165,229)
```
#c6b4ea
```
#c6b4ea rgb(198,180,234)
```
#d1c3ee
```
#d1c3ee rgb(209,195,238)
```
#ddd3f2
```
#ddd3f2 rgb(221,211,242)
```
#e9e2f7
```
#e9e2f7 rgb(233,226,247)
```
#f4f1fb
```
#f4f1fb rgb(244,241,251)
```

Tint Color Variation

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

#626165
```
#626165 rgb(98,97,101)
```
#605a6c
```
#605a6c rgb(96,90,108)
```
#5d5274
```
#5d5274 rgb(93,82,116)
```
#5b4a7c
```
#5b4a7c rgb(91,74,124)
```
#584383
```
#584383 rgb(88,67,131)
```
#553b8b
```
#553b8b rgb(85,59,139)
```
#533492
```
#533492 rgb(83,52,146)
```
#502c9a
```
#502c9a rgb(80,44,154)
```
#4d24a2
```
#4d24a2 rgb(77,36,162)
```
#4b1da9
```
#4b1da9 rgb(75,29,169)
```
#4815b1
```
#4815b1 rgb(72,21,177)
```
#450eb8
```
#450eb8 rgb(69,14,184)
```
#4306c0
```
#4306c0 rgb(67,6,192)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#463e54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b93 Protanopia 1% of men
#004f81 Deuteranopia 1% of men
#405056 Tritanopia 0.001% of the population

Trichromacy

#1d4096 Protanomaly 1% of men, 0.01% of women
#1d428a Deuteranomaly 6% of men, 0.4% of women
#45436f Tritanomaly 0.01% of the population

#502c9a hex color

#502c9a Color Information

#502c9a Color Conversion

Color Schemes with #502c9a

Alternatives to #502c9a

#502c9a Preview

Shades and Tints of #502c9a

Tones of #502c9a

Color Blindness Simulator