#504220 hex color

In a RGB color space, hex #504220 is composed of 31.4% red, 25.9% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.5% magenta, 60% yellow and 68.6% black. It has a hue angle of 42.5 degrees, a saturation of 42.9% and a lightness of 22%. #504220 color hex could be obtained by blending #a08440 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 31
- G 26
- B 13
RGB color chart
- C 0
- M 18
- Y 60
- K 69
CMYK color chart

● #504220 color description : Very dark orange [Brown tone].

The hexadecimal color #504220 has RGB values of R:80, G:66, B:32 and CMYK values of C:0, M:0.18, Y:0.6, K:0.69. Its decimal value is 5259808.

Hex triplet	504220	`#504220`
RGB Decimal	80, 66, 32	`rgb(80,66,32)`
RGB Percent	31.4, 25.9, 12.5	`rgb(31.4%,25.9%,12.5%)`
CMYK	0, 18, 60, 69
HSL	42.5°, 42.9, 22	`hsl(42.5,42.9%,22%)`
HSV (or HSB)	42.5°, 60, 31.4
Web Safe	663333	`#663333`

CIE-LAB	28.659, 1.099, 22.714
XYZ	5.517, 5.706, 2.177
xyY	0.412, 0.426, 5.706
CIE-LCH	28.659, 22.74, 87.229
CIE-LUV	28.659, 10.496, 21.47
Hunter-Lab	23.888, -0.577, 11.318
Binary	01010000, 01000010, 00100000

#504220
```
#504220 rgb(80,66,32)
```
#202e50
```
#202e50 rgb(32,46,80)
```

Complementary Color

#502a20
```
#502a20 rgb(80,42,32)
```
#504220
```
#504220 rgb(80,66,32)
```
#465020
```
#465020 rgb(70,80,32)
```

Analogous Color

#2a2050
```
#2a2050 rgb(42,32,80)
```
#504220
```
#504220 rgb(80,66,32)
```
#204650
```
#204650 rgb(32,70,80)
```

Split Complementary Color

#422050
```
#422050 rgb(66,32,80)
```
#504220
```
#504220 rgb(80,66,32)
```
#205042
```
#205042 rgb(32,80,66)
```

Triadic Color

#50202e
```
#50202e rgb(80,32,46)
```
#504220
```
#504220 rgb(80,66,32)
```
#205042
```
#205042 rgb(32,80,66)
```
#202e50
```
#202e50 rgb(32,46,80)
```

Tetradic Color

#19150a
```
#19150a rgb(25,21,10)
```
#2c2411
```
#2c2411 rgb(44,36,17)
```
#3e3319
```
#3e3319 rgb(62,51,25)
```
#504220
```
#504220 rgb(80,66,32)
```
#625127
```
#625127 rgb(98,81,39)
```
#74602f
```
#74602f rgb(116,96,47)
```
#876f36
```
#876f36 rgb(135,111,54)
```

Monochromatic Color

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

#503620
```
#503620 rgb(80,54,32)
```
#503a20
```
#503a20 rgb(80,58,32)
```
#503e20
```
#503e20 rgb(80,62,32)
```
#504220
```
#504220 rgb(80,66,32)
```
#504620
```
#504620 rgb(80,70,32)
```
#504a20
```
#504a20 rgb(80,74,32)
```
#504e20
```
#504e20 rgb(80,78,32)
```

Similar Colors

Text with hexadecimal color #504220

This text has a font color of #504220.

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

#504220 background color

This paragraph has a background color of #504220.

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

#504220 border color

This element has a border color of #504220.

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

CSS codes

.text {color:#504220;}

.background {background-color:#504220;}

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

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

#0a0804
```
#0a0804 rgb(10,8,4)
```
#18140a
```
#18140a rgb(24,20,10)
```
#261f0f
```
#261f0f rgb(38,31,15)
```
#342b15
```
#342b15 rgb(52,43,21)
```
#42361a
```
#42361a rgb(66,54,26)
```
#504220
```
#504220 rgb(80,66,32)
```
#5e4e26
```
#5e4e26 rgb(94,78,38)
```
#6c592b
```
#6c592b rgb(108,89,43)
```
#7a6531
```
#7a6531 rgb(122,101,49)
```
#887036
```
#887036 rgb(136,112,54)
```
#967c3c
```
#967c3c rgb(150,124,60)
```
#a48742
```
#a48742 rgb(164,135,66)
```
#b29347
```
#b29347 rgb(178,147,71)
```

Shade Color Variation

#ba9c53
```
#ba9c53 rgb(186,156,83)
```
#c0a461
```
#c0a461 rgb(192,164,97)
```
#c5ac6f
```
#c5ac6f rgb(197,172,111)
```
#cbb47d
```
#cbb47d rgb(203,180,125)
```
#d1bc8b
```
#d1bc8b rgb(209,188,139)
```
#d6c499
```
#d6c499 rgb(214,196,153)
```
#dccca7
```
#dccca7 rgb(220,204,167)
```
#e1d4b5
```
#e1d4b5 rgb(225,212,181)
```
#e7dcc3
```
#e7dcc3 rgb(231,220,195)
```
#ede4d1
```
#ede4d1 rgb(237,228,209)
```
#f2eddf
```
#f2eddf rgb(242,237,223)
```
#f8f5ed
```
#f8f5ed rgb(248,245,237)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#3a3936
```
#3a3936 rgb(58,57,54)
```
#3f3b31
```
#3f3b31 rgb(63,59,49)
```
#433d2d
```
#433d2d rgb(67,61,45)
```
#473e29
```
#473e29 rgb(71,62,41)
```
#4c4024
```
#4c4024 rgb(76,64,36)
```
#504220
```
#504220 rgb(80,66,32)
```
#54441c
```
#54441c rgb(84,68,28)
```
#594617
```
#594617 rgb(89,70,23)
```
#5d4713
```
#5d4713 rgb(93,71,19)
```
#61490f
```
#61490f rgb(97,73,15)
```
#664b0a
```
#664b0a rgb(102,75,10)
```
#6a4d06
```
#6a4d06 rgb(106,77,6)
```
#6e4f02
```
#6e4f02 rgb(110,79,2)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#45423b Atypical Achromatopsia 0.001% of the population

Dichromacy

#544d2c Protanopia 1% of men
#5d492c Deuteranopia 1% of men
#5c474d Tritanopia 0.001% of the population

Trichromacy

#534927 Protanomaly 1% of men, 0.01% of women
#584727 Deuteranomaly 6% of men, 0.4% of women
#57453c Tritanomaly 0.01% of the population

#504220 hex color

#504220 Color Information

#504220 Color Conversion

Color Schemes with #504220

Alternatives to #504220

#504220 Preview

Shades and Tints of #504220

Tones of #504220

Color Blindness Simulator