#504667 hex color

In a RGB color space, hex #504667 is composed of 31.4% red, 27.5% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 22.3% cyan, 32% magenta, 0% yellow and 59.6% black. It has a hue angle of 258.2 degrees, a saturation of 19.1% and a lightness of 33.9%. #504667 color hex could be obtained by blending #a08cce with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 31
- G 27
- B 40
RGB color chart
- C 22
- M 32
- Y 0
- K 60
CMYK color chart

● #504667 color description : Very dark grayish violet.

The hexadecimal color #504667 has RGB values of R:80, G:70, B:103 and CMYK values of C:0.22, M:0.32, Y:0, K:0.6. Its decimal value is 5260903.

Hex triplet	504667	`#504667`
RGB Decimal	80, 70, 103	`rgb(80,70,103)`
RGB Percent	31.4, 27.5, 40.4	`rgb(31.4%,27.5%,40.4%)`
CMYK	22, 32, 0, 60
HSL	258.2°, 19.1, 33.9	`hsl(258.2,19.1%,33.9%)`
HSV (or HSB)	258.2°, 32, 40.4
Web Safe	663366	`#663366`

CIE-LAB	31.955, 11.929, -17.724
XYZ	7.946, 7.065, 13.776
xyY	0.276, 0.245, 7.065
CIE-LCH	31.955, 21.365, 303.943
CIE-LUV	31.955, 2.863, -24.414
Hunter-Lab	26.58, 6.848, -12.123
Binary	01010000, 01000110, 01100111

#504667
```
#504667 rgb(80,70,103)
```
#5d6746
```
#5d6746 rgb(93,103,70)
```

Complementary Color

#464d67
```
#464d67 rgb(70,77,103)
```
#504667
```
#504667 rgb(80,70,103)
```
#614667
```
#614667 rgb(97,70,103)
```

Analogous Color

#4d6746
```
#4d6746 rgb(77,103,70)
```
#504667
```
#504667 rgb(80,70,103)
```
#676146
```
#676146 rgb(103,97,70)
```

Split Complementary Color

#466750
```
#466750 rgb(70,103,80)
```
#504667
```
#504667 rgb(80,70,103)
```
#675046
```
#675046 rgb(103,80,70)
```

Triadic Color

#465d67
```
#465d67 rgb(70,93,103)
```
#504667
```
#504667 rgb(80,70,103)
```
#675046
```
#675046 rgb(103,80,70)
```
#5d6746
```
#5d6746 rgb(93,103,70)
```

Tetradic Color

#2d2739
```
#2d2739 rgb(45,39,57)
```
#383149
```
#383149 rgb(56,49,73)
```
#443c58
```
#443c58 rgb(68,60,88)
```
#504667
```
#504667 rgb(80,70,103)
```
#5c5076
```
#5c5076 rgb(92,80,118)
```
#685b85
```
#685b85 rgb(104,91,133)
```
#736595
```
#736595 rgb(115,101,149)
```

Monochromatic Color

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

#484667
```
#484667 rgb(72,70,103)
```
#4b4667
```
#4b4667 rgb(75,70,103)
```
#4d4667
```
#4d4667 rgb(77,70,103)
```
#504667
```
#504667 rgb(80,70,103)
```
#534667
```
#534667 rgb(83,70,103)
```
#564667
```
#564667 rgb(86,70,103)
```
#584667
```
#584667 rgb(88,70,103)
```

Similar Colors

Text with hexadecimal color #504667

This text has a font color of #504667.

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

#504667 background color

This paragraph has a background color of #504667.

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

#504667 border color

This element has a border color of #504667.

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

CSS codes

.text {color:#504667;}

.background {background-color:#504667;}

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

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, #07070a is the darkest color, while #fdfdfe is the lightest one.

#07070a
```
#07070a rgb(7,7,10)
```
#110e15
```
#110e15 rgb(17,14,21)
```
#1a1621
```
#1a1621 rgb(26,22,33)
```
#231e2d
```
#231e2d rgb(35,30,45)
```
#2c2638
```
#2c2638 rgb(44,38,56)
```
#352e44
```
#352e44 rgb(53,46,68)
```
#3e3650
```
#3e3650 rgb(62,54,80)
```
#473e5b
```
#473e5b rgb(71,62,91)
```
#504667
```
#504667 rgb(80,70,103)
```
#594e73
```
#594e73 rgb(89,78,115)
```
#62567e
```
#62567e rgb(98,86,126)
```
#6b5e8a
```
#6b5e8a rgb(107,94,138)
```
#746696
```
#746696 rgb(116,102,150)
```

Shade Color Variation

#7f719e
```
#7f719e rgb(127,113,158)
```
#897ca6
```
#897ca6 rgb(137,124,166)
```
#9488ae
```
#9488ae rgb(148,136,174)
```
#9e94b6
```
#9e94b6 rgb(158,148,182)
```
#a99fbe
```
#a99fbe rgb(169,159,190)
```
#b3abc6
```
#b3abc6 rgb(179,171,198)
```
#beb7ce
```
#beb7ce rgb(190,183,206)
```
#c8c3d6
```
#c8c3d6 rgb(200,195,214)
```
#d3cede
```
#d3cede rgb(211,206,222)
```
#dddae6
```
#dddae6 rgb(221,218,230)
```
#e8e6ee
```
#e8e6ee rgb(232,230,238)
```
#f3f1f6
```
#f3f1f6 rgb(243,241,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #55535a is the less saturated color, while #3603aa is the most saturated one.

#55535a
```
#55535a rgb(85,83,90)
```
#534d60
```
#534d60 rgb(83,77,96)
```
#504667
```
#504667 rgb(80,70,103)
```
#4d3f6e
```
#4d3f6e rgb(77,63,110)
```
#4b3974
```
#4b3974 rgb(75,57,116)
```
#48327b
```
#48327b rgb(72,50,123)
```
#462b82
```
#462b82 rgb(70,43,130)
```
#432588
```
#432588 rgb(67,37,136)
```
#401e8f
```
#401e8f rgb(64,30,143)
```
#3e1796
```
#3e1796 rgb(62,23,150)
```
#3b119c
```
#3b119c rgb(59,17,156)
```
#380aa3
```
#380aa3 rgb(56,10,163)
```
#3603aa
```
#3603aa rgb(54,3,170)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4e4c52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5371 Protanopia 1% of men
#4d536d Deuteranopia 1% of men
#545359 Tritanopia 0.001% of the population

Trichromacy

#4c4e6d Protanomaly 1% of men, 0.01% of women
#4e4e6b Deuteranomaly 6% of men, 0.4% of women
#524e5e Tritanomaly 0.01% of the population

#504667 hex color

#504667 Color Information

#504667 Color Conversion

Color Schemes with #504667

Alternatives to #504667

#504667 Preview

Shades and Tints of #504667

Tones of #504667

Color Blindness Simulator