#504158 hex color

In a RGB color space, hex #504158 is composed of 31.4% red, 25.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 9.1% cyan, 26.1% magenta, 0% yellow and 65.5% black. It has a hue angle of 279.1 degrees, a saturation of 15% and a lightness of 30%. #504158 color hex could be obtained by blending #a082b0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 31
- G 25
- B 35
RGB color chart
- C 9
- M 26
- Y 0
- K 65
CMYK color chart

● #504158 color description : Very dark grayish violet.

The hexadecimal color #504158 has RGB values of R:80, G:65, B:88 and CMYK values of C:0.09, M:0.26, Y:0, K:0.65. Its decimal value is 5259608.

Hex triplet	504158	`#504158`
RGB Decimal	80, 65, 88	`rgb(80,65,88)`
RGB Percent	31.4, 25.5, 34.5	`rgb(31.4%,25.5%,34.5%)`
CMYK	9, 26, 0, 65
HSL	279.1°, 15, 30	`hsl(279.1,15%,30%)`
HSV (or HSB)	279.1°, 26.1, 34.5
Web Safe	663366	`#663366`

CIE-LAB	29.889, 11.385, -11.298
XYZ	6.96, 6.191, 10.06
xyY	0.3, 0.267, 6.191
CIE-LCH	29.889, 16.039, 315.219
CIE-LUV	29.889, 6.335, -15.446
Hunter-Lab	24.881, 6.388, -6.556
Binary	01010000, 01000001, 01011000

#504158
```
#504158 rgb(80,65,88)
```
#495841
```
#495841 rgb(73,88,65)
```

Complementary Color

#454158
```
#454158 rgb(69,65,88)
```
#504158
```
#504158 rgb(80,65,88)
```
#584155
```
#584155 rgb(88,65,85)
```

Analogous Color

#415845
```
#415845 rgb(65,88,69)
```
#504158
```
#504158 rgb(80,65,88)
```
#555841
```
#555841 rgb(85,88,65)
```

Split Complementary Color

#415850
```
#415850 rgb(65,88,80)
```
#504158
```
#504158 rgb(80,65,88)
```
#585041
```
#585041 rgb(88,80,65)
```

Triadic Color

#414958
```
#414958 rgb(65,73,88)
```
#504158
```
#504158 rgb(80,65,88)
```
#585041
```
#585041 rgb(88,80,65)
```
#495841
```
#495841 rgb(73,88,65)
```

Tetradic Color

#28212c
```
#28212c rgb(40,33,44)
```
#352b3b
```
#352b3b rgb(53,43,59)
```
#433649
```
#433649 rgb(67,54,73)
```
#504158
```
#504158 rgb(80,65,88)
```
#5d4c67
```
#5d4c67 rgb(93,76,103)
```
#6b5775
```
#6b5775 rgb(107,87,117)
```
#786284
```
#786284 rgb(120,98,132)
```

Monochromatic Color

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

#4a4158
```
#4a4158 rgb(74,65,88)
```
#4c4158
```
#4c4158 rgb(76,65,88)
```
#4e4158
```
#4e4158 rgb(78,65,88)
```
#504158
```
#504158 rgb(80,65,88)
```
#524158
```
#524158 rgb(82,65,88)
```
#544158
```
#544158 rgb(84,65,88)
```
#564158
```
#564158 rgb(86,65,88)
```

Similar Colors

Text with hexadecimal color #504158

This text has a font color of #504158.

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

#504158 background color

This paragraph has a background color of #504158.

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

#504158 border color

This element has a border color of #504158.

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

CSS codes

.text {color:#504158;}

.background {background-color:#504158;}

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

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

#080709
```
#080709 rgb(8,7,9)
```
#120f14
```
#120f14 rgb(18,15,20)
```
#1d1720
```
#1d1720 rgb(29,23,32)
```
#27202b
```
#27202b rgb(39,32,43)
```
#312836
```
#312836 rgb(49,40,54)
```
#3b3041
```
#3b3041 rgb(59,48,65)
```
#46394d
```
#46394d rgb(70,57,77)
```
#504158
```
#504158 rgb(80,65,88)
```
#5a4963
```
#5a4963 rgb(90,73,99)
```
#65526f
```
#65526f rgb(101,82,111)
```
#6f5a7a
```
#6f5a7a rgb(111,90,122)
```
#796285
```
#796285 rgb(121,98,133)
```
#836b90
```
#836b90 rgb(131,107,144)
```

Shade Color Variation

#8d7599
```
#8d7599 rgb(141,117,153)
```
#9681a2
```
#9681a2 rgb(150,129,162)
```
#a08caa
```
#a08caa rgb(160,140,170)
```
#a997b2
```
#a997b2 rgb(169,151,178)
```
#b2a2bb
```
#b2a2bb rgb(178,162,187)
```
#bcaec3
```
#bcaec3 rgb(188,174,195)
```
#c5b9cb
```
#c5b9cb rgb(197,185,203)
```
#cec4d4
```
#cec4d4 rgb(206,196,212)
```
#d8d0dc
```
#d8d0dc rgb(216,208,220)
```
#e1dbe4
```
#e1dbe4 rgb(225,219,228)
```
#eae6ed
```
#eae6ed rgb(234,230,237)
```
#f4f1f5
```
#f4f1f5 rgb(244,241,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#4e4752
```
#4e4752 rgb(78,71,82)
```
#504158
```
#504158 rgb(80,65,88)
```
#523b5e
```
#523b5e rgb(82,59,94)
```
#543564
```
#543564 rgb(84,53,100)
```
#552f6a
```
#552f6a rgb(85,47,106)
```
#572970
```
#572970 rgb(87,41,112)
```
#592475
```
#592475 rgb(89,36,117)
```
#5b1e7b
```
#5b1e7b rgb(91,30,123)
```
#5d1881
```
#5d1881 rgb(93,24,129)
```
#5e1287
```
#5e1287 rgb(94,18,135)
```
#600c8d
```
#600c8d rgb(96,12,141)
```
#620693
```
#620693 rgb(98,6,147)
```
#640099
```
#640099 rgb(100,0,153)
```

Tone Color Variation

Below, you can see how #504158 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
#4a474b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4f63 Protanopia 1% of men
#4f4e5f Deuteranopia 1% of men
#564d53 Tritanopia 0.001% of the population

Trichromacy

#4c4a5f Protanomaly 1% of men, 0.01% of women
#4f495c Deuteranomaly 6% of men, 0.4% of women
#544854 Tritanomaly 0.01% of the population

#504158 hex color

#504158 Color Information

#504158 Color Conversion

Color Schemes with #504158

Alternatives to #504158

#504158 Preview

Shades and Tints of #504158

Tones of #504158

Color Blindness Simulator