#503c20 hex color

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

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

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

The hexadecimal color #503c20 has RGB values of R:80, G:60, B:32 and CMYK values of C:0, M:0.25, Y:0.6, K:0.69. Its decimal value is 5258272.

Hex triplet	503c20	`#503c20`
RGB Decimal	80, 60, 32	`rgb(80,60,32)`
RGB Percent	31.4, 23.5, 12.5	`rgb(31.4%,23.5%,12.5%)`
CMYK	0, 25, 60, 69
HSL	35°, 42.9, 22	`hsl(35,42.9%,22%)`
HSV (or HSB)	35°, 60, 31.4
Web Safe	663333	`#663333`

CIE-LAB	26.853, 4.916, 20.537
XYZ	5.185, 5.042, 2.066
xyY	0.422, 0.41, 5.042
CIE-LCH	26.853, 21.117, 76.538
CIE-LUV	26.853, 14.145, 18.558
Hunter-Lab	22.454, 1.924, 10.261
Binary	01010000, 00111100, 00100000

#503c20
```
#503c20 rgb(80,60,32)
```
#203450
```
#203450 rgb(32,52,80)
```

Complementary Color

#502420
```
#502420 rgb(80,36,32)
```
#503c20
```
#503c20 rgb(80,60,32)
```
#4c5020
```
#4c5020 rgb(76,80,32)
```

Analogous Color

#242050
```
#242050 rgb(36,32,80)
```
#503c20
```
#503c20 rgb(80,60,32)
```
#204c50
```
#204c50 rgb(32,76,80)
```

Split Complementary Color

#3c2050
```
#3c2050 rgb(60,32,80)
```
#503c20
```
#503c20 rgb(80,60,32)
```
#20503c
```
#20503c rgb(32,80,60)
```

Triadic Color

#502034
```
#502034 rgb(80,32,52)
```
#503c20
```
#503c20 rgb(80,60,32)
```
#20503c
```
#20503c rgb(32,80,60)
```
#203450
```
#203450 rgb(32,52,80)
```

Tetradic Color

#19130a
```
#19130a rgb(25,19,10)
```
#2c2111
```
#2c2111 rgb(44,33,17)
```
#3e2e19
```
#3e2e19 rgb(62,46,25)
```
#503c20
```
#503c20 rgb(80,60,32)
```
#624a27
```
#624a27 rgb(98,74,39)
```
#74572f
```
#74572f rgb(116,87,47)
```
#876536
```
#876536 rgb(135,101,54)
```

Monochromatic Color

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

#503020
```
#503020 rgb(80,48,32)
```
#503420
```
#503420 rgb(80,52,32)
```
#503820
```
#503820 rgb(80,56,32)
```
#503c20
```
#503c20 rgb(80,60,32)
```
#504020
```
#504020 rgb(80,64,32)
```
#504420
```
#504420 rgb(80,68,32)
```
#504820
```
#504820 rgb(80,72,32)
```

Similar Colors

Text with hexadecimal color #503c20

This text has a font color of #503c20.

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

#503c20 background color

This paragraph has a background color of #503c20.

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

#503c20 border color

This element has a border color of #503c20.

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

CSS codes

.text {color:#503c20;}

.background {background-color:#503c20;}

.border {border:1px solid #503c20;}

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

#0a0704
```
#0a0704 rgb(10,7,4)
```
#18120a
```
#18120a rgb(24,18,10)
```
#261c0f
```
#261c0f rgb(38,28,15)
```
#342715
```
#342715 rgb(52,39,21)
```
#42311a
```
#42311a rgb(66,49,26)
```
#503c20
```
#503c20 rgb(80,60,32)
```
#5e4726
```
#5e4726 rgb(94,71,38)
```
#6c512b
```
#6c512b rgb(108,81,43)
```
#7a5c31
```
#7a5c31 rgb(122,92,49)
```
#886636
```
#886636 rgb(136,102,54)
```
#96713c
```
#96713c rgb(150,113,60)
```
#a47b42
```
#a47b42 rgb(164,123,66)
```
#b28647
```
#b28647 rgb(178,134,71)
```

Shade Color Variation

#ba8f53
```
#ba8f53 rgb(186,143,83)
```
#c09861
```
#c09861 rgb(192,152,97)
```
#c5a16f
```
#c5a16f rgb(197,161,111)
```
#cbaa7d
```
#cbaa7d rgb(203,170,125)
```
#d1b48b
```
#d1b48b rgb(209,180,139)
```
#d6bd99
```
#d6bd99 rgb(214,189,153)
```
#dcc6a7
```
#dcc6a7 rgb(220,198,167)
```
#e1cfb5
```
#e1cfb5 rgb(225,207,181)
```
#e7d8c3
```
#e7d8c3 rgb(231,216,195)
```
#ede1d1
```
#ede1d1 rgb(237,225,209)
```
#f2eadf
```
#f2eadf rgb(242,234,223)
```
#f8f3ed
```
#f8f3ed rgb(248,243,237)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#3a3836
```
#3a3836 rgb(58,56,54)
```
#3f3931
```
#3f3931 rgb(63,57,49)
```
#433a2d
```
#433a2d rgb(67,58,45)
```
#473b29
```
#473b29 rgb(71,59,41)
```
#4c3b24
```
#4c3b24 rgb(76,59,36)
```
#503c20
```
#503c20 rgb(80,60,32)
```
#543d1c
```
#543d1c rgb(84,61,28)
```
#593d17
```
#593d17 rgb(89,61,23)
```
#5d3e13
```
#5d3e13 rgb(93,62,19)
```
#613f0f
```
#613f0f rgb(97,63,15)
```
#66400a
```
#66400a rgb(102,64,10)
```
#6a4006
```
#6a4006 rgb(106,64,6)
```
#6e4102
```
#6e4102 rgb(110,65,2)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#423e39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#50492c Protanopia 1% of men
#58462b Deuteranopia 1% of men
#5b4247 Tritanopia 0.001% of the population

Trichromacy

#504428 Protanomaly 1% of men, 0.01% of women
#554227 Deuteranomaly 6% of men, 0.4% of women
#574039 Tritanomaly 0.01% of the population

#503c20 hex color

#503c20 Color Information

#503c20 Color Conversion

Color Schemes with #503c20

Alternatives to #503c20

#503c20 Preview

Shades and Tints of #503c20

Tones of #503c20

Color Blindness Simulator