#502d64 hex color

In a RGB color space, hex #502d64 is composed of 31.4% red, 17.6% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 55% magenta, 0% yellow and 60.8% black. It has a hue angle of 278.2 degrees, a saturation of 37.9% and a lightness of 28.4%. #502d64 color hex could be obtained by blending #a05ac8 with #000000. Closest websafe color is: #663366.

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

● #502d64 color description : Very dark desaturated violet.

The hexadecimal color #502d64 has RGB values of R:80, G:45, B:100 and CMYK values of C:0.2, M:0.55, Y:0, K:0.61. Its decimal value is 5254500.

Hex triplet	502d64	`#502d64`
RGB Decimal	80, 45, 100	`rgb(80,45,100)`
RGB Percent	31.4, 17.6, 39.2	`rgb(31.4%,17.6%,39.2%)`
CMYK	20, 55, 0, 61
HSL	278.2°, 37.9, 28.4	`hsl(278.2,37.9%,28.4%)`
HSV (or HSB)	278.2°, 55, 39.2
Web Safe	663366	`#663366`

CIE-LAB	25.268, 27.079, -26.259
XYZ	6.547, 4.503, 12.58
xyY	0.277, 0.191, 4.503
CIE-LCH	25.268, 37.72, 315.881
CIE-LUV	25.268, 11.935, -34.806
Hunter-Lab	21.219, 17.938, -20.298
Binary	01010000, 00101101, 01100100

#502d64
```
#502d64 rgb(80,45,100)
```
#41642d
```
#41642d rgb(65,100,45)
```

Complementary Color

#352d64
```
#352d64 rgb(53,45,100)
```
#502d64
```
#502d64 rgb(80,45,100)
```
#642d5d
```
#642d5d rgb(100,45,93)
```

Analogous Color

#2d6435
```
#2d6435 rgb(45,100,53)
```
#502d64
```
#502d64 rgb(80,45,100)
```
#5d642d
```
#5d642d rgb(93,100,45)
```

Split Complementary Color

#2d6450
```
#2d6450 rgb(45,100,80)
```
#502d64
```
#502d64 rgb(80,45,100)
```
#64502d
```
#64502d rgb(100,80,45)
```

Triadic Color

#2d4164
```
#2d4164 rgb(45,65,100)
```
#502d64
```
#502d64 rgb(80,45,100)
```
#64502d
```
#64502d rgb(100,80,45)
```
#41642d
```
#41642d rgb(65,100,45)
```

Tetradic Color

#26152f
```
#26152f rgb(38,21,47)
```
#341d41
```
#341d41 rgb(52,29,65)
```
#422552
```
#422552 rgb(66,37,82)
```
#502d64
```
#502d64 rgb(80,45,100)
```
#5e3576
```
#5e3576 rgb(94,53,118)
```
#6c3d87
```
#6c3d87 rgb(108,61,135)
```
#7a4599
```
#7a4599 rgb(122,69,153)
```

Monochromatic Color

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

#422d64
```
#422d64 rgb(66,45,100)
```
#472d64
```
#472d64 rgb(71,45,100)
```
#4b2d64
```
#4b2d64 rgb(75,45,100)
```
#502d64
```
#502d64 rgb(80,45,100)
```
#552d64
```
#552d64 rgb(85,45,100)
```
#592d64
```
#592d64 rgb(89,45,100)
```
#5e2d64
```
#5e2d64 rgb(94,45,100)
```

Similar Colors

Text with hexadecimal color #502d64

This text has a font color of #502d64.

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

#502d64 background color

This paragraph has a background color of #502d64.

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

#502d64 border color

This element has a border color of #502d64.

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

CSS codes

.text {color:#502d64;}

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

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

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

#040205
```
#040205 rgb(4,2,5)
```
#0f0813
```
#0f0813 rgb(15,8,19)
```
#1a0f20
```
#1a0f20 rgb(26,15,32)
```
#25152e
```
#25152e rgb(37,21,46)
```
#301b3b
```
#301b3b rgb(48,27,59)
```
#3a2149
```
#3a2149 rgb(58,33,73)
```
#452756
```
#452756 rgb(69,39,86)
```
#502d64
```
#502d64 rgb(80,45,100)
```
#5b3372
```
#5b3372 rgb(91,51,114)
```
#66397f
```
#66397f rgb(102,57,127)
```
#703f8d
```
#703f8d rgb(112,63,141)
```
#7b459a
```
#7b459a rgb(123,69,154)
```
#864ba8
```
#864ba8 rgb(134,75,168)
```

Shade Color Variation

#9054b2
```
#9054b2 rgb(144,84,178)
```
#9962b8
```
#9962b8 rgb(153,98,184)
```
#a26fbe
```
#a26fbe rgb(162,111,190)
```
#ab7dc5
```
#ab7dc5 rgb(171,125,197)
```
#b38bcb
```
#b38bcb rgb(179,139,203)
```
#bc98d1
```
#bc98d1 rgb(188,152,209)
```
#c5a6d7
```
#c5a6d7 rgb(197,166,215)
```
#ceb3dd
```
#ceb3dd rgb(206,179,221)
```
#d6c1e3
```
#d6c1e3 rgb(214,193,227)
```
#dfcee9
```
#dfcee9 rgb(223,206,233)
```
#e8dcef
```
#e8dcef rgb(232,220,239)
```
#f1e9f5
```
#f1e9f5 rgb(241,233,245)
```
#faf7fb
```
#faf7fb rgb(250,247,251)
```

Tint Color Variation

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

#4a434e
```
#4a434e rgb(74,67,78)
```
#4b3e53
```
#4b3e53 rgb(75,62,83)
```
#4d3859
```
#4d3859 rgb(77,56,89)
```
#4e335e
```
#4e335e rgb(78,51,94)
```
#502d64
```
#502d64 rgb(80,45,100)
```
#52276a
```
#52276a rgb(82,39,106)
```
#53226f
```
#53226f rgb(83,34,111)
```
#551c75
```
#551c75 rgb(85,28,117)
```
#56177a
```
#56177a rgb(86,23,122)
```
#581180
```
#581180 rgb(88,17,128)
```
#590c85
```
#590c85 rgb(89,12,133)
```
#5b068b
```
#5b068b rgb(91,6,139)
```
#5c0091
```
#5c0091 rgb(92,0,145)
```

Tone Color Variation

Below, you can see how #502d64 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
#423b46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c4476 Protanopia 1% of men
#334567 Deuteranopia 1% of men
#524146 Tritanopia 0.001% of the population

Trichromacy

#393b6f Protanomaly 1% of men, 0.01% of women
#3e3c66 Deuteranomaly 6% of men, 0.4% of women
#513a51 Tritanomaly 0.01% of the population

#502d64 hex color

#502d64 Color Information

#502d64 Color Conversion

Color Schemes with #502d64

Alternatives to #502d64

#502d64 Preview

Shades and Tints of #502d64

Tones of #502d64

Color Blindness Simulator