#504654 hex color

In a RGB color space, hex #504654 is composed of 31.4% red, 27.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 16.7% magenta, 0% yellow and 67.1% black. It has a hue angle of 282.9 degrees, a saturation of 9.1% and a lightness of 30.2%. #504654 color hex could be obtained by blending #a08ca8 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 31
- G 27
- B 33
RGB color chart
- C 5
- M 17
- Y 0
- K 67
CMYK color chart

● #504654 color description : Very dark grayish violet.

The hexadecimal color #504654 has RGB values of R:80, G:70, B:84 and CMYK values of C:0.05, M:0.17, Y:0, K:0.67. Its decimal value is 5260884.

Hex triplet	504654	`#504654`
RGB Decimal	80, 70, 84	`rgb(80,70,84)`
RGB Percent	31.4, 27.5, 32.9	`rgb(31.4%,27.5%,32.9%)`
CMYK	5, 17, 0, 67
HSL	282.9°, 9.1, 30.2	`hsl(282.9,9.1%,30.2%)`
HSV (or HSB)	282.9°, 16.7, 32.9
Web Safe	663366	`#663366`

CIE-LAB	31.175, 7.222, -6.779
XYZ	7.098, 6.726, 9.311
xyY	0.307, 0.291, 6.726
CIE-LCH	31.175, 9.905, 316.812
CIE-LUV	31.175, 4.481, -9.313
Hunter-Lab	25.934, 3.471, -3.133
Binary	01010000, 01000110, 01010100

#504654
```
#504654 rgb(80,70,84)
```
#4a5446
```
#4a5446 rgb(74,84,70)
```

Complementary Color

#494654
```
#494654 rgb(73,70,84)
```
#504654
```
#504654 rgb(80,70,84)
```
#544651
```
#544651 rgb(84,70,81)
```

Analogous Color

#465449
```
#465449 rgb(70,84,73)
```
#504654
```
#504654 rgb(80,70,84)
```
#515446
```
#515446 rgb(81,84,70)
```

Split Complementary Color

#465450
```
#465450 rgb(70,84,80)
```
#504654
```
#504654 rgb(80,70,84)
```
#545046
```
#545046 rgb(84,80,70)
```

Triadic Color

#464a54
```
#464a54 rgb(70,74,84)
```
#504654
```
#504654 rgb(80,70,84)
```
#545046
```
#545046 rgb(84,80,70)
```
#4a5446
```
#4a5446 rgb(74,84,70)
```

Tetradic Color

#28232a
```
#28232a rgb(40,35,42)
```
#362f38
```
#362f38 rgb(54,47,56)
```
#433a46
```
#433a46 rgb(67,58,70)
```
#504654
```
#504654 rgb(80,70,84)
```
#5d5262
```
#5d5262 rgb(93,82,98)
```
#6a5d70
```
#6a5d70 rgb(106,93,112)
```
#78697e
```
#78697e rgb(120,105,126)
```

Monochromatic Color

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

#4d4654
```
#4d4654 rgb(77,70,84)
```
#4e4654
```
#4e4654 rgb(78,70,84)
```
#4f4654
```
#4f4654 rgb(79,70,84)
```
#504654
```
#504654 rgb(80,70,84)
```
#514654
```
#514654 rgb(81,70,84)
```
#524654
```
#524654 rgb(82,70,84)
```
#544654
```
#544654 rgb(84,70,84)
```

Similar Colors

Text with hexadecimal color #504654

This text has a font color of #504654.

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

#504654 background color

This paragraph has a background color of #504654.

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

#504654 border color

This element has a border color of #504654.

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

CSS codes

.text {color:#504654;}

.background {background-color:#504654;}

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

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

#090809
```
#090809 rgb(9,8,9)
```
#131114
```
#131114 rgb(19,17,20)
```
#1d191f
```
#1d191f rgb(29,25,31)
```
#272229
```
#272229 rgb(39,34,41)
```
#312b34
```
#312b34 rgb(49,43,52)
```
#3c343f
```
#3c343f rgb(60,52,63)
```
#463d49
```
#463d49 rgb(70,61,73)
```
#504654
```
#504654 rgb(80,70,84)
```
#5a4f5f
```
#5a4f5f rgb(90,79,95)
```
#645869
```
#645869 rgb(100,88,105)
```
#6f6174
```
#6f6174 rgb(111,97,116)
```
#796a7f
```
#796a7f rgb(121,106,127)
```
#837389
```
#837389 rgb(131,115,137)
```

Shade Color Variation

#8c7d93
```
#8c7d93 rgb(140,125,147)
```
#96889c
```
#96889c rgb(150,136,156)
```
#9f92a5
```
#9f92a5 rgb(159,146,165)
```
#a99dad
```
#a99dad rgb(169,157,173)
```
#b2a8b6
```
#b2a8b6 rgb(178,168,182)
```
#bcb3bf
```
#bcb3bf rgb(188,179,191)
```
#c5bdc8
```
#c5bdc8 rgb(197,189,200)
```
#cec8d1
```
#cec8d1 rgb(206,200,209)
```
#d8d3da
```
#d8d3da rgb(216,211,218)
```
#e1dde3
```
#e1dde3 rgb(225,221,227)
```
#ebe8ec
```
#ebe8ec rgb(235,232,236)
```
#f4f3f5
```
#f4f3f5 rgb(244,243,245)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#4d4c4e
```
#4d4c4e rgb(77,76,78)
```
#504654
```
#504654 rgb(80,70,84)
```
#53405a
```
#53405a rgb(83,64,90)
```
#553a60
```
#553a60 rgb(85,58,96)
```
#583466
```
#583466 rgb(88,52,102)
```
#5a2e6c
```
#5a2e6c rgb(90,46,108)
```
#5d2872
```
#5d2872 rgb(93,40,114)
```
#5f2278
```
#5f2278 rgb(95,34,120)
```
#621d7d
```
#621d7d rgb(98,29,125)
```
#641783
```
#641783 rgb(100,23,131)
```
#671189
```
#671189 rgb(103,17,137)
```
#690b8f
```
#690b8f rgb(105,11,143)
```
#6c0595
```
#6c0595 rgb(108,5,149)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4c4a4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#50525e Protanopia 1% of men
#55505c Deuteranopia 1% of men
#575056 Tritanopia 0.001% of the population

Trichromacy

#504d5a Protanomaly 1% of men, 0.01% of women
#534c59 Deuteranomaly 6% of men, 0.4% of women
#554c55 Tritanomaly 0.01% of the population

#504654 hex color

#504654 Color Information

#504654 Color Conversion

Color Schemes with #504654

Alternatives to #504654

#504654 Preview

Shades and Tints of #504654

Tones of #504654

Color Blindness Simulator