#503f20 hex color

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

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

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

The hexadecimal color #503f20 has RGB values of R:80, G:63, B:32 and CMYK values of C:0, M:0.21, Y:0.6, K:0.69. Its decimal value is 5259040.

Hex triplet	503f20	`#503f20`
RGB Decimal	80, 63, 32	`rgb(80,63,32)`
RGB Percent	31.4, 24.7, 12.5	`rgb(31.4%,24.7%,12.5%)`
CMYK	0, 21, 60, 69
HSL	38.8°, 42.9, 22	`hsl(38.8,42.9%,22%)`
HSV (or HSB)	38.8°, 60, 31.4
Web Safe	663333	`#663333`

CIE-LAB	27.75, 3, 21.624
XYZ	5.347, 5.365, 2.12
xyY	0.417, 0.418, 5.365
CIE-LCH	27.75, 21.831, 82.101
CIE-LUV	27.75, 12.322, 20.008
Hunter-Lab	23.162, 0.668, 10.786
Binary	01010000, 00111111, 00100000

#503f20
```
#503f20 rgb(80,63,32)
```
#203150
```
#203150 rgb(32,49,80)
```

Complementary Color

#502720
```
#502720 rgb(80,39,32)
```
#503f20
```
#503f20 rgb(80,63,32)
```
#495020
```
#495020 rgb(73,80,32)
```

Analogous Color

#272050
```
#272050 rgb(39,32,80)
```
#503f20
```
#503f20 rgb(80,63,32)
```
#204950
```
#204950 rgb(32,73,80)
```

Split Complementary Color

#3f2050
```
#3f2050 rgb(63,32,80)
```
#503f20
```
#503f20 rgb(80,63,32)
```
#20503f
```
#20503f rgb(32,80,63)
```

Triadic Color

#502031
```
#502031 rgb(80,32,49)
```
#503f20
```
#503f20 rgb(80,63,32)
```
#20503f
```
#20503f rgb(32,80,63)
```
#203150
```
#203150 rgb(32,49,80)
```

Tetradic Color

#19140a
```
#19140a rgb(25,20,10)
```
#2c2211
```
#2c2211 rgb(44,34,17)
```
#3e3119
```
#3e3119 rgb(62,49,25)
```
#503f20
```
#503f20 rgb(80,63,32)
```
#624d27
```
#624d27 rgb(98,77,39)
```
#745c2f
```
#745c2f rgb(116,92,47)
```
#876a36
```
#876a36 rgb(135,106,54)
```

Monochromatic Color

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

#503320
```
#503320 rgb(80,51,32)
```
#503720
```
#503720 rgb(80,55,32)
```
#503b20
```
#503b20 rgb(80,59,32)
```
#503f20
```
#503f20 rgb(80,63,32)
```
#504320
```
#504320 rgb(80,67,32)
```
#504720
```
#504720 rgb(80,71,32)
```
#504b20
```
#504b20 rgb(80,75,32)
```

Similar Colors

Text with hexadecimal color #503f20

This text has a font color of #503f20.

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

#503f20 background color

This paragraph has a background color of #503f20.

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

#503f20 border color

This element has a border color of #503f20.

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

CSS codes

.text {color:#503f20;}

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

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

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)
```
#18130a
```
#18130a rgb(24,19,10)
```
#261e0f
```
#261e0f rgb(38,30,15)
```
#342915
```
#342915 rgb(52,41,21)
```
#42341a
```
#42341a rgb(66,52,26)
```
#503f20
```
#503f20 rgb(80,63,32)
```
#5e4a26
```
#5e4a26 rgb(94,74,38)
```
#6c552b
```
#6c552b rgb(108,85,43)
```
#7a6031
```
#7a6031 rgb(122,96,49)
```
#886b36
```
#886b36 rgb(136,107,54)
```
#96763c
```
#96763c rgb(150,118,60)
```
#a48142
```
#a48142 rgb(164,129,66)
```
#b28c47
```
#b28c47 rgb(178,140,71)
```

Shade Color Variation

#ba9653
```
#ba9653 rgb(186,150,83)
```
#c09e61
```
#c09e61 rgb(192,158,97)
```
#c5a76f
```
#c5a76f rgb(197,167,111)
```
#cbaf7d
```
#cbaf7d rgb(203,175,125)
```
#d1b88b
```
#d1b88b rgb(209,184,139)
```
#d6c099
```
#d6c099 rgb(214,192,153)
```
#dcc9a7
```
#dcc9a7 rgb(220,201,167)
```
#e1d2b5
```
#e1d2b5 rgb(225,210,181)
```
#e7dac3
```
#e7dac3 rgb(231,218,195)
```
#ede3d1
```
#ede3d1 rgb(237,227,209)
```
#f2ebdf
```
#f2ebdf rgb(242,235,223)
```
#f8f4ed
```
#f8f4ed rgb(248,244,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 #6e4802 is the most saturated one.

#3a3936
```
#3a3936 rgb(58,57,54)
```
#3f3a31
```
#3f3a31 rgb(63,58,49)
```
#433b2d
```
#433b2d rgb(67,59,45)
```
#473c29
```
#473c29 rgb(71,60,41)
```
#4c3e24
```
#4c3e24 rgb(76,62,36)
```
#503f20
```
#503f20 rgb(80,63,32)
```
#54401c
```
#54401c rgb(84,64,28)
```
#594217
```
#594217 rgb(89,66,23)
```
#5d4313
```
#5d4313 rgb(93,67,19)
```
#61440f
```
#61440f rgb(97,68,15)
```
#66450a
```
#66450a rgb(102,69,10)
```
#6a4706
```
#6a4706 rgb(106,71,6)
```
#6e4802
```
#6e4802 rgb(110,72,2)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#44413a Atypical Achromatopsia 0.001% of the population

Dichromacy

#524b2c Protanopia 1% of men
#5b482b Deuteranopia 1% of men
#5c454a Tritanopia 0.001% of the population

Trichromacy

#514627 Protanomaly 1% of men, 0.01% of women
#574427 Deuteranomaly 6% of men, 0.4% of women
#57433a Tritanomaly 0.01% of the population

#503f20 hex color

#503f20 Color Information

#503f20 Color Conversion

Color Schemes with #503f20

Alternatives to #503f20

#503f20 Preview

Shades and Tints of #503f20

Tones of #503f20

Color Blindness Simulator