#502b87 hex color

In a RGB color space, hex #502b87 is composed of 31.4% red, 16.9% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 68.1% magenta, 0% yellow and 47.1% black. It has a hue angle of 264.1 degrees, a saturation of 51.7% and a lightness of 34.9%. #502b87 color hex could be obtained by blending #a056ff with #00000f. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 17
- B 53
RGB color chart
- C 41
- M 68
- Y 0
- K 47
CMYK color chart

● #502b87 color description : Dark moderate violet.

The hexadecimal color #502b87 has RGB values of R:80, G:43, B:135 and CMYK values of C:0.41, M:0.68, Y:0, K:0.47. Its decimal value is 5254023.

Hex triplet	502b87	`#502b87`
RGB Decimal	80, 43, 135	`rgb(80,43,135)`
RGB Percent	31.4, 16.9, 52.9	`rgb(31.4%,16.9%,52.9%)`
CMYK	41, 68, 0, 47
HSL	264.1°, 51.7, 34.9	`hsl(264.1,51.7%,34.9%)`
HSV (or HSB)	264.1°, 68.1, 52.9
Web Safe	663399	`#663399`

CIE-LAB	27.248, 37.57, -45.352
XYZ	8.545, 5.182, 23.47
xyY	0.23, 0.139, 5.182
CIE-LCH	27.248, 58.892, 309.639
CIE-LUV	27.248, 7.185, -60.456
Hunter-Lab	22.765, 27.159, -45.192
Binary	01010000, 00101011, 10000111

#502b87
```
#502b87 rgb(80,43,135)
```
#62872b
```
#62872b rgb(98,135,43)
```

Complementary Color

#2b3487
```
#2b3487 rgb(43,52,135)
```
#502b87
```
#502b87 rgb(80,43,135)
```
#7e2b87
```
#7e2b87 rgb(126,43,135)
```

Analogous Color

#34872b
```
#34872b rgb(52,135,43)
```
#502b87
```
#502b87 rgb(80,43,135)
```
#877e2b
```
#877e2b rgb(135,126,43)
```

Split Complementary Color

#2b8750
```
#2b8750 rgb(43,135,80)
```
#502b87
```
#502b87 rgb(80,43,135)
```
#87502b
```
#87502b rgb(135,80,43)
```

Triadic Color

#2b6287
```
#2b6287 rgb(43,98,135)
```
#502b87
```
#502b87 rgb(80,43,135)
```
#87502b
```
#87502b rgb(135,80,43)
```
#62872b
```
#62872b rgb(98,135,43)
```

Tetradic Color

#2e194d
```
#2e194d rgb(46,25,77)
```
#391f60
```
#391f60 rgb(57,31,96)
```
#452574
```
#452574 rgb(69,37,116)
```
#502b87
```
#502b87 rgb(80,43,135)
```
#5b319a
```
#5b319a rgb(91,49,154)
```
#6737ae
```
#6737ae rgb(103,55,174)
```
#723dc1
```
#723dc1 rgb(114,61,193)
```

Monochromatic Color

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

#392b87
```
#392b87 rgb(57,43,135)
```
#412b87
```
#412b87 rgb(65,43,135)
```
#482b87
```
#482b87 rgb(72,43,135)
```
#502b87
```
#502b87 rgb(80,43,135)
```
#582b87
```
#582b87 rgb(88,43,135)
```
#5f2b87
```
#5f2b87 rgb(95,43,135)
```
#672b87
```
#672b87 rgb(103,43,135)
```

Similar Colors

Text with hexadecimal color #502b87

This text has a font color of #502b87.

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

#502b87 background color

This paragraph has a background color of #502b87.

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

#502b87 border color

This element has a border color of #502b87.

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

CSS codes

.text {color:#502b87;}

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

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

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

#010001
```
#010001 rgb(1,0,1)
```
#090510
```
#090510 rgb(9,5,16)
```
#120a1f
```
#120a1f rgb(18,10,31)
```
#1b0f2e
```
#1b0f2e rgb(27,15,46)
```
#24133d
```
#24133d rgb(36,19,61)
```
#2d184b
```
#2d184b rgb(45,24,75)
```
#361d5a
```
#361d5a rgb(54,29,90)
```
#3e2269
```
#3e2269 rgb(62,34,105)
```
#472678
```
#472678 rgb(71,38,120)
```
#502b87
```
#502b87 rgb(80,43,135)
```
#593096
```
#593096 rgb(89,48,150)
```
#6234a5
```
#6234a5 rgb(98,52,165)
```
#6a39b4
```
#6a39b4 rgb(106,57,180)
```

Shade Color Variation

#733fc2
```
#733fc2 rgb(115,63,194)
```
#7e4ec6
```
#7e4ec6 rgb(126,78,198)
```
#895ccb
```
#895ccb rgb(137,92,203)
```
#946bd0
```
#946bd0 rgb(148,107,208)
```
#9f7ad5
```
#9f7ad5 rgb(159,122,213)
```
#a989d9
```
#a989d9 rgb(169,137,217)
```
#b498de
```
#b498de rgb(180,152,222)
```
#bfa7e3
```
#bfa7e3 rgb(191,167,227)
```
#cab6e8
```
#cab6e8 rgb(202,182,232)
```
#d5c5ec
```
#d5c5ec rgb(213,197,236)
```
#dfd3f1
```
#dfd3f1 rgb(223,211,241)
```
#eae2f6
```
#eae2f6 rgb(234,226,246)
```
#f5f1fb
```
#f5f1fb rgb(245,241,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #58545e is the less saturated color, while #4802b0 is the most saturated one.

#58545e
```
#58545e rgb(88,84,94)
```
#574d65
```
#574d65 rgb(87,77,101)
```
#55466c
```
#55466c rgb(85,70,108)
```
#544072
```
#544072 rgb(84,64,114)
```
#533979
```
#533979 rgb(83,57,121)
```
#513280
```
#513280 rgb(81,50,128)
```
#502b87
```
#502b87 rgb(80,43,135)
```
#4f248e
```
#4f248e rgb(79,36,142)
```
#4d1d95
```
#4d1d95 rgb(77,29,149)
```
#4c169c
```
#4c169c rgb(76,22,156)
```
#4b10a2
```
#4b10a2 rgb(75,16,162)
```
#4909a9
```
#4909a9 rgb(73,9,169)
```
#4802b0
```
#4802b0 rgb(72,2,176)
```

Tone Color Variation

Below, you can see how #502b87 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
#443d4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488c Protanopia 1% of men
#004b7c Deuteranopia 1% of men
#484a4f Tritanopia 0.001% of the population

Trichromacy

#1d3d8a Protanomaly 1% of men, 0.01% of women
#1d3f80 Deuteranomaly 6% of men, 0.4% of women
#4b3e63 Tritanomaly 0.01% of the population

#502b87 hex color

#502b87 Color Information

#502b87 Color Conversion

Color Schemes with #502b87

Alternatives to #502b87

#502b87 Preview

Shades and Tints of #502b87

Tones of #502b87

Color Blindness Simulator