#502d74 hex color

In a RGB color space, hex #502d74 is composed of 31.4% red, 17.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 61.2% magenta, 0% yellow and 54.5% black. It has a hue angle of 269.6 degrees, a saturation of 44.1% and a lightness of 31.6%. #502d74 color hex could be obtained by blending #a05ae8 with #000000. Closest websafe color is: #663366.

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

● #502d74 color description : Dark moderate violet.

The hexadecimal color #502d74 has RGB values of R:80, G:45, B:116 and CMYK values of C:0.31, M:0.61, Y:0, K:0.55. Its decimal value is 5254516.

Hex triplet	502d74	`#502d74`
RGB Decimal	80, 45, 116	`rgb(80,45,116)`
RGB Percent	31.4, 17.6, 45.5	`rgb(31.4%,17.6%,45.5%)`
CMYK	31, 61, 0, 55
HSL	269.6°, 44.1, 31.6	`hsl(269.6,44.1%,31.6%)`
HSV (or HSB)	269.6°, 61.2, 45.5
Web Safe	663366	`#663366`

CIE-LAB	26.284, 31.231, -34.933
XYZ	7.399, 4.843, 17.067
xyY	0.252, 0.165, 4.843
CIE-LCH	26.284, 46.858, 311.797
CIE-LUV	26.284, 9.445, -46.546
Hunter-Lab	22.007, 21.496, -30.575
Binary	01010000, 00101101, 01110100

#502d74
```
#502d74 rgb(80,45,116)
```
#51742d
```
#51742d rgb(81,116,45)
```

Complementary Color

#2d2e74
```
#2d2e74 rgb(45,46,116)
```
#502d74
```
#502d74 rgb(80,45,116)
```
#742d74
```
#742d74 rgb(116,45,116)
```

Analogous Color

#2e742d
```
#2e742d rgb(46,116,45)
```
#502d74
```
#502d74 rgb(80,45,116)
```
#74742d
```
#74742d rgb(116,116,45)
```

Split Complementary Color

#2d7450
```
#2d7450 rgb(45,116,80)
```
#502d74
```
#502d74 rgb(80,45,116)
```
#74502d
```
#74502d rgb(116,80,45)
```

Triadic Color

#2d5174
```
#2d5174 rgb(45,81,116)
```
#502d74
```
#502d74 rgb(80,45,116)
```
#74502d
```
#74502d rgb(116,80,45)
```
#51742d
```
#51742d rgb(81,116,45)
```

Tetradic Color

#2a183d
```
#2a183d rgb(42,24,61)
```
#371f4f
```
#371f4f rgb(55,31,79)
```
#432662
```
#432662 rgb(67,38,98)
```
#502d74
```
#502d74 rgb(80,45,116)
```
#5d3486
```
#5d3486 rgb(93,52,134)
```
#693b99
```
#693b99 rgb(105,59,153)
```
#7642ab
```
#7642ab rgb(118,66,171)
```

Monochromatic Color

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

#3e2d74
```
#3e2d74 rgb(62,45,116)
```
#442d74
```
#442d74 rgb(68,45,116)
```
#4a2d74
```
#4a2d74 rgb(74,45,116)
```
#502d74
```
#502d74 rgb(80,45,116)
```
#562d74
```
#562d74 rgb(86,45,116)
```
#5c2d74
```
#5c2d74 rgb(92,45,116)
```
#622d74
```
#622d74 rgb(98,45,116)
```

Similar Colors

Text with hexadecimal color #502d74

This text has a font color of #502d74.

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

#502d74 background color

This paragraph has a background color of #502d74.

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

#502d74 border color

This element has a border color of #502d74.

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

CSS codes

.text {color:#502d74;}

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

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0c0711
```
#0c0711 rgb(12,7,17)
```
#160c1f
```
#160c1f rgb(22,12,31)
```
#1f122d
```
#1f122d rgb(31,18,45)
```
#29173b
```
#29173b rgb(41,23,59)
```
#331d4a
```
#331d4a rgb(51,29,74)
```
#3d2258
```
#3d2258 rgb(61,34,88)
```
#462866
```
#462866 rgb(70,40,102)
```
#502d74
```
#502d74 rgb(80,45,116)
```
#5a3282
```
#5a3282 rgb(90,50,130)
```
#633890
```
#633890 rgb(99,56,144)
```
#6d3d9e
```
#6d3d9e rgb(109,61,158)
```
#7743ad
```
#7743ad rgb(119,67,173)
```

Shade Color Variation

#814ab9
```
#814ab9 rgb(129,74,185)
```
#8b58be
```
#8b58be rgb(139,88,190)
```
#9466c4
```
#9466c4 rgb(148,102,196)
```
#9e75c9
```
#9e75c9 rgb(158,117,201)
```
#a883cf
```
#a883cf rgb(168,131,207)
```
#b291d4
```
#b291d4 rgb(178,145,212)
```
#bc9fda
```
#bc9fda rgb(188,159,218)
```
#c6addf
```
#c6addf rgb(198,173,223)
```
#d0bbe5
```
#d0bbe5 rgb(208,187,229)
```
#dac9ea
```
#dac9ea rgb(218,201,234)
```
#e3d8f0
```
#e3d8f0 rgb(227,216,240)
```
#ede6f5
```
#ede6f5 rgb(237,230,245)
```
#f7f4fb
```
#f7f4fb rgb(247,244,251)
```

Tint Color Variation

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

#504c55
```
#504c55 rgb(80,76,85)
```
#50465b
```
#50465b rgb(80,70,91)
```
#504061
```
#504061 rgb(80,64,97)
```
#503968
```
#503968 rgb(80,57,104)
```
#50336e
```
#50336e rgb(80,51,110)
```
#502d74
```
#502d74 rgb(80,45,116)
```
#50277a
```
#50277a rgb(80,39,122)
```
#502180
```
#502180 rgb(80,33,128)
```
#501a87
```
#501a87 rgb(80,26,135)
```
#50148d
```
#50148d rgb(80,20,141)
```
#500e93
```
#500e93 rgb(80,14,147)
```
#4f0899
```
#4f0899 rgb(79,8,153)
```
#4f029f
```
#4f029f rgb(79,2,159)
```

Tone Color Variation

Below, you can see how #502d74 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
#433c4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#134687 Protanopia 1% of men
#224875 Deuteranopia 1% of men
#4e454a Tritanopia 0.001% of the population

Trichromacy

#293c80 Protanomaly 1% of men, 0.01% of women
#333e74 Deuteranomaly 6% of men, 0.4% of women
#4e3c59 Tritanomaly 0.01% of the population

#502d74 hex color

#502d74 Color Information

#502d74 Color Conversion

Color Schemes with #502d74

Alternatives to #502d74

#502d74 Preview

Shades and Tints of #502d74

Tones of #502d74

Color Blindness Simulator