#502b74 hex color

In a RGB color space, hex #502b74 is composed of 31.4% red, 16.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 62.9% magenta, 0% yellow and 54.5% black. It has a hue angle of 270.4 degrees, a saturation of 45.9% and a lightness of 31.2%. #502b74 color hex could be obtained by blending #a056e8 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 31
- G 17
- B 45
RGB color chart
- C 31
- M 63
- Y 0
- K 55
CMYK color chart

● #502b74 color description : Dark moderate violet.

The hexadecimal color #502b74 has RGB values of R:80, G:43, B:116 and CMYK values of C:0.31, M:0.63, Y:0, K:0.55. Its decimal value is 5254004.

Hex triplet	502b74	`#502b74`
RGB Decimal	80, 43, 116	`rgb(80,43,116)`
RGB Percent	31.4, 16.9, 45.5	`rgb(31.4%,16.9%,45.5%)`
CMYK	31, 63, 0, 55
HSL	270.4°, 45.9, 31.2	`hsl(270.4,45.9%,31.2%)`
HSV (or HSB)	270.4°, 62.9, 45.5
Web Safe	663366	`#663366`

CIE-LAB	25.845, 32.401, -35.636
XYZ	7.324, 4.694, 17.042
xyY	0.252, 0.162, 4.694
CIE-LCH	25.845, 48.164, 312.277
CIE-LUV	25.845, 9.912, -47.202
Hunter-Lab	21.666, 22.424, -31.47
Binary	01010000, 00101011, 01110100

#502b74
```
#502b74 rgb(80,43,116)
```
#4f742b
```
#4f742b rgb(79,116,43)
```

Complementary Color

#2c2b74
```
#2c2b74 rgb(44,43,116)
```
#502b74
```
#502b74 rgb(80,43,116)
```
#742b74
```
#742b74 rgb(116,43,116)
```

Analogous Color

#2b742c
```
#2b742c rgb(43,116,44)
```
#502b74
```
#502b74 rgb(80,43,116)
```
#74742b
```
#74742b rgb(116,116,43)
```

Split Complementary Color

#2b7450
```
#2b7450 rgb(43,116,80)
```
#502b74
```
#502b74 rgb(80,43,116)
```
#74502b
```
#74502b rgb(116,80,43)
```

Triadic Color

#2b4f74
```
#2b4f74 rgb(43,79,116)
```
#502b74
```
#502b74 rgb(80,43,116)
```
#74502b
```
#74502b rgb(116,80,43)
```
#4f742b
```
#4f742b rgb(79,116,43)
```

Tetradic Color

#2a163c
```
#2a163c rgb(42,22,60)
```
#361d4f
```
#361d4f rgb(54,29,79)
```
#432461
```
#432461 rgb(67,36,97)
```
#502b74
```
#502b74 rgb(80,43,116)
```
#5d3287
```
#5d3287 rgb(93,50,135)
```
#6a3999
```
#6a3999 rgb(106,57,153)
```
#7640ac
```
#7640ac rgb(118,64,172)
```

Monochromatic Color

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

#3e2b74
```
#3e2b74 rgb(62,43,116)
```
#442b74
```
#442b74 rgb(68,43,116)
```
#4a2b74
```
#4a2b74 rgb(74,43,116)
```
#502b74
```
#502b74 rgb(80,43,116)
```
#562b74
```
#562b74 rgb(86,43,116)
```
#5c2b74
```
#5c2b74 rgb(92,43,116)
```
#622b74
```
#622b74 rgb(98,43,116)
```

Similar Colors

Text with hexadecimal color #502b74

This text has a font color of #502b74.

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

#502b74 background color

This paragraph has a background color of #502b74.

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

#502b74 border color

This element has a border color of #502b74.

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

CSS codes

.text {color:#502b74;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0b0610
```
#0b0610 rgb(11,6,16)
```
#150b1e
```
#150b1e rgb(21,11,30)
```
#1f102c
```
#1f102c rgb(31,16,44)
```
#29163b
```
#29163b rgb(41,22,59)
```
#321b49
```
#321b49 rgb(50,27,73)
```
#3c2057
```
#3c2057 rgb(60,32,87)
```
#462666
```
#462666 rgb(70,38,102)
```
#502b74
```
#502b74 rgb(80,43,116)
```
#5a3082
```
#5a3082 rgb(90,48,130)
```
#643691
```
#643691 rgb(100,54,145)
```
#6e3b9f
```
#6e3b9f rgb(110,59,159)
```
#7740ad
```
#7740ad rgb(119,64,173)
```

Shade Color Variation

#8146bb
```
#8146bb rgb(129,70,187)
```
#8b55c0
```
#8b55c0 rgb(139,85,192)
```
#9563c5
```
#9563c5 rgb(149,99,197)
```
#9f71cb
```
#9f71cb rgb(159,113,203)
```
#a880d0
```
#a880d0 rgb(168,128,208)
```
#b28ed5
```
#b28ed5 rgb(178,142,213)
```
#bc9cda
```
#bc9cda rgb(188,156,218)
```
#c6abe0
```
#c6abe0 rgb(198,171,224)
```
#cfb9e5
```
#cfb9e5 rgb(207,185,229)
```
#d9c7ea
```
#d9c7ea rgb(217,199,234)
```
#e3d6f0
```
#e3d6f0 rgb(227,214,240)
```
#ede4f5
```
#ede4f5 rgb(237,228,245)
```
#f6f2fa
```
#f6f2fa rgb(246,242,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #504a55 is the less saturated color, while #51009f is the most saturated one.

#504a55
```
#504a55 rgb(80,74,85)
```
#50435c
```
#50435c rgb(80,67,92)
```
#503d62
```
#503d62 rgb(80,61,98)
```
#503768
```
#503768 rgb(80,55,104)
```
#50316e
```
#50316e rgb(80,49,110)
```
#502b74
```
#502b74 rgb(80,43,116)
```
#50257a
```
#50257a rgb(80,37,122)
```
#501f80
```
#501f80 rgb(80,31,128)
```
#501986
```
#501986 rgb(80,25,134)
```
#50138c
```
#50138c rgb(80,19,140)
```
#500c93
```
#500c93 rgb(80,12,147)
```
#510699
```
#510699 rgb(81,6,153)
```
#51009f
```
#51009f rgb(81,0,159)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#423a49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004587 Protanopia 1% of men
#1f4874 Deuteranopia 1% of men
#4e4449 Tritanopia 0.001% of the population

Trichromacy

#1d3b80 Protanomaly 1% of men, 0.01% of women
#303d74 Deuteranomaly 6% of men, 0.4% of women
#4e3b59 Tritanomaly 0.01% of the population

#502b74 hex color

#502b74 Color Information

#502b74 Color Conversion

Color Schemes with #502b74

Alternatives to #502b74

#502b74 Preview

Shades and Tints of #502b74

Tones of #502b74

Color Blindness Simulator