colorhexa.com

#504525 hex color

In a RGB color space, hex #504525 is composed of 31.4% red, 27.1% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.8% magenta, 53.8% yellow and 68.6% black. It has a hue angle of 44.7 degrees, a saturation of 36.8% and a lightness of 22.9%. #504525 color hex could be obtained by blending #a08a4a with #000000. Closest websafe color is: #663333.

- R 31
- G 27
- B 15
RGB color chart
- C 0
- M 14
- Y 54
- K 69
CMYK color chart

● #504525 color description : Very dark desaturated orange.

The hexadecimal color #504525 has RGB values of R:80, G:69, B:37 and CMYK values of C:0, M:0.14, Y:0.54, K:0.69. Its decimal value is 5260581.

Hex triplet	504525	`#504525`
RGB Decimal	80, 69, 37	`rgb(80,69,37)`
RGB Percent	31.4, 27.1, 14.5	`rgb(31.4%,27.1%,14.5%)`
CMYK	0, 14, 54, 69
HSL	44.7°, 36.8, 22.9	`hsl(44.7,36.8%,22.9%)`
HSV (or HSB)	44.7°, 53.8, 31.4
Web Safe	663333	`#663333`

CIE-LAB	29.652, -0.263, 20.95
XYZ	5.77, 6.095, 2.623
xyY	0.398, 0.421, 6.095
CIE-LCH	29.652, 20.952, 90.72
CIE-LUV	29.652, 8.417, 20.731
Hunter-Lab	24.689, -1.487, 10.984
Binary	01010000, 01000101, 00100101

#504525
```
#504525 rgb(80,69,37)
```
#253050
```
#253050 rgb(37,48,80)
```

Complementary Color

#503025
```
#503025 rgb(80,48,37)
```
#504525
```
#504525 rgb(80,69,37)
```
#465025
```
#465025 rgb(70,80,37)
```

Analogous Color

#302550
```
#302550 rgb(48,37,80)
```
#504525
```
#504525 rgb(80,69,37)
```
#254650
```
#254650 rgb(37,70,80)
```

Split Complementary Color

#1c180d
```
#1c180d rgb(28,24,13)
```
#2d2715
```
#2d2715 rgb(45,39,21)
```
#3f361d
```
#3f361d rgb(63,54,29)
```
#504525
```
#504525 rgb(80,69,37)
```
#61542d
```
#61542d rgb(97,84,45)
```
#736335
```
#736335 rgb(115,99,53)
```
#84723d
```
#84723d rgb(132,114,61)
```

Monochromatic Color

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

#503a25
```
#503a25 rgb(80,58,37)
```
#503e25
```
#503e25 rgb(80,62,37)
```
#504125
```
#504125 rgb(80,65,37)
```
#504525
```
#504525 rgb(80,69,37)
```
#504925
```
#504925 rgb(80,73,37)
```
#504c25
```
#504c25 rgb(80,76,37)
```
#505025
```
#505025 rgb(80,80,37)
```

Similar Colors

Text with hexadecimal color #504525

This text has a font color of #504525.

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

#504525 background color

This paragraph has a background color of #504525.

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

#504525 border color

This element has a border color of #504525.

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

CSS codes

.text {color:#504525;}

.background {background-color:#504525;}

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

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, #0d0b06 is the darkest color, while #ffffff is the lightest one.

#0d0b06
```
#0d0b06 rgb(13,11,6)
```
#1a170c
```
#1a170c rgb(26,23,12)
```
#282212
```
#282212 rgb(40,34,18)
```
#352e19
```
#352e19 rgb(53,46,25)
```
#43391f
```
#43391f rgb(67,57,31)
```
#504525
```
#504525 rgb(80,69,37)
```
#5d512b
```
#5d512b rgb(93,81,43)
```
#6b5c31
```
#6b5c31 rgb(107,92,49)
```
#786838
```
#786838 rgb(120,104,56)
```
#86733e
```
#86733e rgb(134,115,62)
```
#937f44
```
#937f44 rgb(147,127,68)
```
#a08a4a
```
#a08a4a rgb(160,138,74)
```
#ae9650
```
#ae9650 rgb(174,150,80)
```

Shade Color Variation

#b49e5e
```
#b49e5e rgb(180,158,94)
```
#bba66b
```
#bba66b rgb(187,166,107)
```
#c1ae78
```
#c1ae78 rgb(193,174,120)
```
#c7b686
```
#c7b686 rgb(199,182,134)
```
#cdbe93
```
#cdbe93 rgb(205,190,147)
```
#d3c6a1
```
#d3c6a1 rgb(211,198,161)
```
#daceae
```
#daceae rgb(218,206,174)
```
#e0d6bb
```
#e0d6bb rgb(224,214,187)
```
#e6dfc9
```
#e6dfc9 rgb(230,223,201)
```
#ece7d6
```
#ece7d6 rgb(236,231,214)
```
#f2efe4
```
#f2efe4 rgb(242,239,228)
```
#f9f7f1
```
#f9f7f1 rgb(249,247,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#3e3c37
```
#3e3c37 rgb(62,60,55)
```
#433e33
```
#433e33 rgb(67,62,51)
```
#47412e
```
#47412e rgb(71,65,46)
```
#4c432a
```
#4c432a rgb(76,67,42)
```
#504525
```
#504525 rgb(80,69,37)
```
#554721
```
#554721 rgb(85,71,33)
```
#59491c
```
#59491c rgb(89,73,28)
```
#5e4c18
```
#5e4c18 rgb(94,76,24)
```
#624e13
```
#624e13 rgb(98,78,19)
```
#67500f
```
#67500f rgb(103,80,15)
```
#6b520a
```
#6b520a rgb(107,82,10)
```
#705406
```
#705406 rgb(112,84,6)
```
#745701
```
#745701 rgb(116,87,1)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#47453f Atypical Achromatopsia 0.001% of the population

Dichromacy

#564f30 Protanopia 1% of men
#5f4c31 Deuteranopia 1% of men
#5c4a50 Tritanopia 0.001% of the population

Trichromacy

#544b2c Protanomaly 1% of men, 0.01% of women
#5a492c Deuteranomaly 6% of men, 0.4% of women
#584840 Tritanomaly 0.01% of the population