#504060 hex color

In a RGB color space, hex #504060 is composed of 31.4% red, 25.1% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 33.3% magenta, 0% yellow and 62.4% black. It has a hue angle of 270 degrees, a saturation of 20% and a lightness of 31.4%. #504060 color hex could be obtained by blending #a080c0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 31
- G 25
- B 38
RGB color chart
- C 17
- M 33
- Y 0
- K 62
CMYK color chart

● #504060 color description : Very dark grayish violet.

The hexadecimal color #504060 has RGB values of R:80, G:64, B:96 and CMYK values of C:0.17, M:0.33, Y:0, K:0.62. Its decimal value is 5259360.

Hex triplet	504060	`#504060`
RGB Decimal	80, 64, 96	`rgb(80,64,96)`
RGB Percent	31.4, 25.1, 37.6	`rgb(31.4%,25.1%,37.6%)`
CMYK	17, 33, 0, 62
HSL	270°, 20, 31.4	`hsl(270,20%,31.4%)`
HSV (or HSB)	270°, 33.3, 37.6
Web Safe	663366	`#663366`

CIE-LAB	29.953, 14.001, -16.349
XYZ	7.253, 6.217, 11.884
xyY	0.286, 0.245, 6.217
CIE-LCH	29.953, 21.525, 310.577
CIE-LUV	29.953, 5.93, -22.351
Hunter-Lab	24.934, 8.288, -10.805
Binary	01010000, 01000000, 01100000

#504060
```
#504060 rgb(80,64,96)
```
#506040
```
#506040 rgb(80,96,64)
```

Complementary Color

#404060
```
#404060 rgb(64,64,96)
```
#504060
```
#504060 rgb(80,64,96)
```
#604060
```
#604060 rgb(96,64,96)
```

Analogous Color

#406040
```
#406040 rgb(64,96,64)
```
#504060
```
#504060 rgb(80,64,96)
```
#606040
```
#606040 rgb(96,96,64)
```

Split Complementary Color

#406050
```
#406050 rgb(64,96,80)
```
#504060
```
#504060 rgb(80,64,96)
```
#605040
```
#605040 rgb(96,80,64)
```

Triadic Color

#405060
```
#405060 rgb(64,80,96)
```
#504060
```
#504060 rgb(80,64,96)
```
#605040
```
#605040 rgb(96,80,64)
```
#506040
```
#506040 rgb(80,96,64)
```

Tetradic Color

#2a2132
```
#2a2132 rgb(42,33,50)
```
#372c41
```
#372c41 rgb(55,44,65)
```
#433651
```
#433651 rgb(67,54,81)
```
#504060
```
#504060 rgb(80,64,96)
```
#5d4a6f
```
#5d4a6f rgb(93,74,111)
```
#6a547f
```
#6a547f rgb(106,84,127)
```
#765f8e
```
#765f8e rgb(118,95,142)
```

Monochromatic Color

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

#484060
```
#484060 rgb(72,64,96)
```
#4b4060
```
#4b4060 rgb(75,64,96)
```
#4d4060
```
#4d4060 rgb(77,64,96)
```
#504060
```
#504060 rgb(80,64,96)
```
#534060
```
#534060 rgb(83,64,96)
```
#554060
```
#554060 rgb(85,64,96)
```
#584060
```
#584060 rgb(88,64,96)
```

Similar Colors

Text with hexadecimal color #504060

This text has a font color of #504060.

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

#504060 background color

This paragraph has a background color of #504060.

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

#504060 border color

This element has a border color of #504060.

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

CSS codes

.text {color:#504060;}

.background {background-color:#504060;}

.border {border:1px solid #504060;}

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

#020102
```
#020102 rgb(2,1,2)
```
#0b090e
```
#0b090e rgb(11,9,14)
```
#151119
```
#151119 rgb(21,17,25)
```
#1f1925
```
#1f1925 rgb(31,25,37)
```
#292131
```
#292131 rgb(41,33,49)
```
#33283d
```
#33283d rgb(51,40,61)
```
#3c3048
```
#3c3048 rgb(60,48,72)
```
#463854
```
#463854 rgb(70,56,84)
```
#504060
```
#504060 rgb(80,64,96)
```
#5a486c
```
#5a486c rgb(90,72,108)
```
#645078
```
#645078 rgb(100,80,120)
```
#6d5883
```
#6d5883 rgb(109,88,131)
```
#775f8f
```
#775f8f rgb(119,95,143)
```

Shade Color Variation

#81689a
```
#81689a rgb(129,104,154)
```
#8b74a2
```
#8b74a2 rgb(139,116,162)
```
#957faa
```
#957faa rgb(149,127,170)
```
#9e8bb2
```
#9e8bb2 rgb(158,139,178)
```
#a897ba
```
#a897ba rgb(168,151,186)
```
#b2a3c1
```
#b2a3c1 rgb(178,163,193)
```
#bcaec9
```
#bcaec9 rgb(188,174,201)
```
#c6bad1
```
#c6bad1 rgb(198,186,209)
```
#d0c6d9
```
#d0c6d9 rgb(208,198,217)
```
#d9d2e1
```
#d9d2e1 rgb(217,210,225)
```
#e3dee9
```
#e3dee9 rgb(227,222,233)
```
#ede9f1
```
#ede9f1 rgb(237,233,241)
```
#f7f5f8
```
#f7f5f8 rgb(247,245,248)
```

Tint Color Variation

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

#504c54
```
#504c54 rgb(80,76,84)
```
#50465a
```
#50465a rgb(80,70,90)
```
#504060
```
#504060 rgb(80,64,96)
```
#503a66
```
#503a66 rgb(80,58,102)
```
#50346c
```
#50346c rgb(80,52,108)
```
#502e72
```
#502e72 rgb(80,46,114)
```
#502779
```
#502779 rgb(80,39,121)
```
#50217f
```
#50217f rgb(80,33,127)
```
#501b85
```
#501b85 rgb(80,27,133)
```
#50158b
```
#50158b rgb(80,21,139)
```
#500f91
```
#500f91 rgb(80,15,145)
```
#500997
```
#500997 rgb(80,9,151)
```
#50029e
```
#50029e rgb(80,2,158)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#4a464d Atypical Achromatopsia 0.001% of the population

Dichromacy

#464f6b Protanopia 1% of men
#4a4e66 Deuteranopia 1% of men
#554e53 Tritanopia 0.001% of the population

Trichromacy

#4a4967 Protanomaly 1% of men, 0.01% of women
#4c4964 Deuteranomaly 6% of men, 0.4% of women
#534958 Tritanomaly 0.01% of the population

#504060 hex color

#504060 Color Information

#504060 Color Conversion

Color Schemes with #504060

Alternatives to #504060

#504060 Preview

Shades and Tints of #504060

Tones of #504060

Color Blindness Simulator