#502b77 hex color

In a RGB color space, hex #502b77 is composed of 31.4% red, 16.9% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 32.8% cyan, 63.9% magenta, 0% yellow and 53.3% black. It has a hue angle of 269.2 degrees, a saturation of 46.9% and a lightness of 31.8%. #502b77 color hex could be obtained by blending #a056ee with #000000. Closest websafe color is: #663366.

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

● #502b77 color description : Dark moderate violet.

The hexadecimal color #502b77 has RGB values of R:80, G:43, B:119 and CMYK values of C:0.33, M:0.64, Y:0, K:0.53. Its decimal value is 5254007.

Hex triplet	502b77	`#502b77`
RGB Decimal	80, 43, 119	`rgb(80,43,119)`
RGB Percent	31.4, 16.9, 46.7	`rgb(31.4%,16.9%,46.7%)`
CMYK	33, 64, 0, 53
HSL	269.2°, 46.9, 31.8	`hsl(269.2,46.9%,31.8%)`
HSV (or HSB)	269.2°, 63.9, 46.7
Web Safe	663366	`#663366`

CIE-LAB	26.055, 33.2, -37.209
XYZ	7.501, 4.765, 17.976
xyY	0.248, 0.158, 4.765
CIE-LCH	26.055, 49.867, 311.741
CIE-LUV	26.055, 9.457, -49.336
Hunter-Lab	21.829, 23.138, -33.544
Binary	01010000, 00101011, 01110111

#502b77
```
#502b77 rgb(80,43,119)
```
#52772b
```
#52772b rgb(82,119,43)
```

Complementary Color

#2b2c77
```
#2b2c77 rgb(43,44,119)
```
#502b77
```
#502b77 rgb(80,43,119)
```
#762b77
```
#762b77 rgb(118,43,119)
```

Analogous Color

#2c772b
```
#2c772b rgb(44,119,43)
```
#502b77
```
#502b77 rgb(80,43,119)
```
#77762b
```
#77762b rgb(119,118,43)
```

Split Complementary Color

#2b7750
```
#2b7750 rgb(43,119,80)
```
#502b77
```
#502b77 rgb(80,43,119)
```
#77502b
```
#77502b rgb(119,80,43)
```

Triadic Color

#2b5277
```
#2b5277 rgb(43,82,119)
```
#502b77
```
#502b77 rgb(80,43,119)
```
#77502b
```
#77502b rgb(119,80,43)
```
#52772b
```
#52772b rgb(82,119,43)
```

Tetradic Color

#2a173f
```
#2a173f rgb(42,23,63)
```
#371d52
```
#371d52 rgb(55,29,82)
```
#432464
```
#432464 rgb(67,36,100)
```
#502b77
```
#502b77 rgb(80,43,119)
```
#5d328a
```
#5d328a rgb(93,50,138)
```
#69399c
```
#69399c rgb(105,57,156)
```
#763faf
```
#763faf rgb(118,63,175)
```

Monochromatic Color

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

#3d2b77
```
#3d2b77 rgb(61,43,119)
```
#432b77
```
#432b77 rgb(67,43,119)
```
#4a2b77
```
#4a2b77 rgb(74,43,119)
```
#502b77
```
#502b77 rgb(80,43,119)
```
#562b77
```
#562b77 rgb(86,43,119)
```
#5d2b77
```
#5d2b77 rgb(93,43,119)
```
#632b77
```
#632b77 rgb(99,43,119)
```

Similar Colors

Text with hexadecimal color #502b77

This text has a font color of #502b77.

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

#502b77 background color

This paragraph has a background color of #502b77.

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

#502b77 border color

This element has a border color of #502b77.

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

CSS codes

.text {color:#502b77;}

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

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

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

#030104
```
#030104 rgb(3,1,4)
```
#0c0712
```
#0c0712 rgb(12,7,18)
```
#160c21
```
#160c21 rgb(22,12,33)
```
#20112f
```
#20112f rgb(32,17,47)
```
#29163d
```
#29163d rgb(41,22,61)
```
#331b4c
```
#331b4c rgb(51,27,76)
```
#3d215a
```
#3d215a rgb(61,33,90)
```
#462669
```
#462669 rgb(70,38,105)
```
#502b77
```
#502b77 rgb(80,43,119)
```
#5a3085
```
#5a3085 rgb(90,48,133)
```
#633594
```
#633594 rgb(99,53,148)
```
#6d3ba2
```
#6d3ba2 rgb(109,59,162)
```
#7740b1
```
#7740b1 rgb(119,64,177)
```

Shade Color Variation

#8047bd
```
#8047bd rgb(128,71,189)
```
#8a56c2
```
#8a56c2 rgb(138,86,194)
```
#9464c7
```
#9464c7 rgb(148,100,199)
```
#9e73cc
```
#9e73cc rgb(158,115,204)
```
#a881d1
```
#a881d1 rgb(168,129,209)
```
#b28fd7
```
#b28fd7 rgb(178,143,215)
```
#bc9edc
```
#bc9edc rgb(188,158,220)
```
#c6ace1
```
#c6ace1 rgb(198,172,225)
```
#d0bbe6
```
#d0bbe6 rgb(208,187,230)
```
#dac9ec
```
#dac9ec rgb(218,201,236)
```
#e4d8f1
```
#e4d8f1 rgb(228,216,241)
```
#eee6f6
```
#eee6f6 rgb(238,230,246)
```
#f8f4fb
```
#f8f4fb rgb(248,244,251)
```

Tint Color Variation

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

#515052
```
#515052 rgb(81,80,82)
```
#514a58
```
#514a58 rgb(81,74,88)
```
#51445e
```
#51445e rgb(81,68,94)
```
#503e64
```
#503e64 rgb(80,62,100)
```
#50376b
```
#50376b rgb(80,55,107)
```
#503171
```
#503171 rgb(80,49,113)
```
#502b77
```
#502b77 rgb(80,43,119)
```
#50257d
```
#50257d rgb(80,37,125)
```
#501f83
```
#501f83 rgb(80,31,131)
```
#50188a
```
#50188a rgb(80,24,138)
```
#4f1290
```
#4f1290 rgb(79,18,144)
```
#4f0c96
```
#4f0c96 rgb(79,12,150)
```
#4f069c
```
#4f069c rgb(79,6,156)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#423b4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004588 Protanopia 1% of men
#184877 Deuteranopia 1% of men
#4d454a Tritanopia 0.001% of the population

Trichromacy

#1d3b82 Protanomaly 1% of men, 0.01% of women
#2c3d77 Deuteranomaly 6% of men, 0.4% of women
#4e3b5a Tritanomaly 0.01% of the population

#502b77 hex color

#502b77 Color Information

#502b77 Color Conversion

Color Schemes with #502b77

Alternatives to #502b77

#502b77 Preview

Shades and Tints of #502b77

Tones of #502b77

Color Blindness Simulator