#504c30 hex color

In a RGB color space, hex #504c30 is composed of 31.4% red, 29.8% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5% magenta, 40% yellow and 68.6% black. It has a hue angle of 52.5 degrees, a saturation of 25% and a lightness of 25.1%. #504c30 color hex could be obtained by blending #a09860 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 31
- G 30
- B 19
RGB color chart
- C 0
- M 5
- Y 40
- K 69
CMYK color chart

● #504c30 color description : Very dark desaturated yellow.

The hexadecimal color #504c30 has RGB values of R:80, G:76, B:48 and CMYK values of C:0, M:0.05, Y:0.4, K:0.69. Its decimal value is 5262384.

Hex triplet	504c30	`#504c30`
RGB Decimal	80, 76, 48	`rgb(80,76,48)`
RGB Percent	31.4, 29.8, 18.8	`rgb(31.4%,29.8%,18.8%)`
CMYK	0, 5, 40, 69
HSL	52.5°, 25, 25.1	`hsl(52.5,25%,25.1%)`
HSV (or HSB)	52.5°, 40, 31.4
Web Safe	663333	`#663333`

CIE-LAB	32.006, -3.231, 17.263
XYZ	6.426, 7.088, 3.826
xyY	0.371, 0.409, 7.088
CIE-LCH	32.006, 17.563, 100.6
CIE-LUV	32.006, 3.78, 18.802
Hunter-Lab	26.623, -3.505, 10.116
Binary	01010000, 01001100, 00110000

#504c30
```
#504c30 rgb(80,76,48)
```
#303450
```
#303450 rgb(48,52,80)
```

Complementary Color

#503c30
```
#503c30 rgb(80,60,48)
```
#504c30
```
#504c30 rgb(80,76,48)
```
#445030
```
#445030 rgb(68,80,48)
```

Analogous Color

#3c3050
```
#3c3050 rgb(60,48,80)
```
#504c30
```
#504c30 rgb(80,76,48)
```
#304450
```
#304450 rgb(48,68,80)
```

Split Complementary Color

#4c3050
```
#4c3050 rgb(76,48,80)
```
#504c30
```
#504c30 rgb(80,76,48)
```
#30504c
```
#30504c rgb(48,80,76)
```

Triadic Color

#503034
```
#503034 rgb(80,48,52)
```
#504c30
```
#504c30 rgb(80,76,48)
```
#30504c
```
#30504c rgb(48,80,76)
```
#303450
```
#303450 rgb(48,52,80)
```

Tetradic Color

#201f13
```
#201f13 rgb(32,31,19)
```
#302e1d
```
#302e1d rgb(48,46,29)
```
#403d26
```
#403d26 rgb(64,61,38)
```
#504c30
```
#504c30 rgb(80,76,48)
```
#605b3a
```
#605b3a rgb(96,91,58)
```
#706a43
```
#706a43 rgb(112,106,67)
```
#80794d
```
#80794d rgb(128,121,77)
```

Monochromatic Color

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

#504430
```
#504430 rgb(80,68,48)
```
#504730
```
#504730 rgb(80,71,48)
```
#504930
```
#504930 rgb(80,73,48)
```
#504c30
```
#504c30 rgb(80,76,48)
```
#504f30
```
#504f30 rgb(80,79,48)
```
#4f5030
```
#4f5030 rgb(79,80,48)
```
#4c5030
```
#4c5030 rgb(76,80,48)
```

Similar Colors

Text with hexadecimal color #504c30

This text has a font color of #504c30.

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

#504c30 background color

This paragraph has a background color of #504c30.

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

#504c30 border color

This element has a border color of #504c30.

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

CSS codes

.text {color:#504c30;}

.background {background-color:#504c30;}

.border {border:1px solid #504c30;}

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

#060604
```
#060604 rgb(6,6,4)
```
#13120b
```
#13120b rgb(19,18,11)
```
#1f1d13
```
#1f1d13 rgb(31,29,19)
```
#2b291a
```
#2b291a rgb(43,41,26)
```
#373521
```
#373521 rgb(55,53,33)
```
#444029
```
#444029 rgb(68,64,41)
```
#504c30
```
#504c30 rgb(80,76,48)
```
#5c5837
```
#5c5837 rgb(92,88,55)
```
#69633f
```
#69633f rgb(105,99,63)
```
#756f46
```
#756f46 rgb(117,111,70)
```
#817b4d
```
#817b4d rgb(129,123,77)
```
#8d8655
```
#8d8655 rgb(141,134,85)
```
#9a925c
```
#9a925c rgb(154,146,92)
```

Shade Color Variation

#a39c66
```
#a39c66 rgb(163,156,102)
```
#aba472
```
#aba472 rgb(171,164,114)
```
#b2ac7f
```
#b2ac7f rgb(178,172,127)
```
#b9b48b
```
#b9b48b rgb(185,180,139)
```
#c1bb97
```
#c1bb97 rgb(193,187,151)
```
#c8c3a3
```
#c8c3a3 rgb(200,195,163)
```
#cfcbb0
```
#cfcbb0 rgb(207,203,176)
```
#d7d3bc
```
#d7d3bc rgb(215,211,188)
```
#dedbc8
```
#dedbc8 rgb(222,219,200)
```
#e5e3d4
```
#e5e3d4 rgb(229,227,212)
```
#edebe1
```
#edebe1 rgb(237,235,225)
```
#f4f3ed
```
#f4f3ed rgb(244,243,237)
```
#fcfbf9
```
#fcfbf9 rgb(252,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #41413f is the less saturated color, while #7c6d04 is the most saturated one.

#41413f
```
#41413f rgb(65,65,63)
```
#46453a
```
#46453a rgb(70,69,58)
```
#4b4835
```
#4b4835 rgb(75,72,53)
```
#504c30
```
#504c30 rgb(80,76,48)
```
#55502b
```
#55502b rgb(85,80,43)
```
#5a5326
```
#5a5326 rgb(90,83,38)
```
#5f5721
```
#5f5721 rgb(95,87,33)
```
#645b1c
```
#645b1c rgb(100,91,28)
```
#695e17
```
#695e17 rgb(105,94,23)
```
#6e6212
```
#6e6212 rgb(110,98,18)
```
#72660e
```
#72660e rgb(114,102,14)
```
#776a09
```
#776a09 rgb(119,106,9)
```
#7c6d04
```
#7c6d04 rgb(124,109,4)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4b4a45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b543a Protanopia 1% of men
#64513c Deuteranopia 1% of men
#5c5157 Tritanopia 0.001% of the population

Trichromacy

#575136 Protanomaly 1% of men, 0.01% of women
#5c4f37 Deuteranomaly 6% of men, 0.4% of women
#584f49 Tritanomaly 0.01% of the population

#504c30 hex color

#504c30 Color Information

#504c30 Color Conversion

Color Schemes with #504c30

Alternatives to #504c30

#504c30 Preview

Shades and Tints of #504c30

Tones of #504c30

Color Blindness Simulator