colorhexa.com

#503e18 hex color

In a RGB color space, hex #503e18 is composed of 31.4% red, 24.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.5% magenta, 70% yellow and 68.6% black. It has a hue angle of 40.7 degrees, a saturation of 53.8% and a lightness of 20.4%. #503e18 color hex could be obtained by blending #a07c30 with #000000. Closest websafe color is: #663300.

- R 31
- G 24
- B 9
RGB color chart
- C 0
- M 23
- Y 70
- K 69
CMYK color chart

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

The hexadecimal color #503e18 has RGB values of R:80, G:62, B:24 and CMYK values of C:0, M:0.23, Y:0.7, K:0.69. Its decimal value is 5258776.

Hex triplet	503e18	`#503e18`
RGB Decimal	80, 62, 24	`rgb(80,62,24)`
RGB Percent	31.4, 24.3, 9.4	`rgb(31.4%,24.3%,9.4%)`
CMYK	0, 23, 70, 69
HSL	40.7°, 53.8, 20.4	`hsl(40.7,53.8%,20.4%)`
HSV (or HSB)	40.7°, 70, 31.4
Web Safe	663300	`#663300`

CIE-LAB	27.344, 2.934, 25.77
XYZ	5.196, 5.217, 1.597
xyY	0.433, 0.434, 5.217
CIE-LCH	27.344, 25.937, 83.504
CIE-LUV	27.344, 13.397, 22.661
Hunter-Lab	22.841, 0.635, 11.842
Binary	01010000, 00111110, 00011000

#503e18
```
#503e18 rgb(80,62,24)
```
#182a50
```
#182a50 rgb(24,42,80)
```

Complementary Color

#502218
```
#502218 rgb(80,34,24)
```
#503e18
```
#503e18 rgb(80,62,24)
```
#465018
```
#465018 rgb(70,80,24)
```

Analogous Color

#221850
```
#221850 rgb(34,24,80)
```
#503e18
```
#503e18 rgb(80,62,24)
```
#184650
```
#184650 rgb(24,70,80)
```

Split Complementary Color

#151006
```
#151006 rgb(21,16,6)
```
#29200c
```
#29200c rgb(41,32,12)
```
#3c2f12
```
#3c2f12 rgb(60,47,18)
```
#503e18
```
#503e18 rgb(80,62,24)
```
#644d1e
```
#644d1e rgb(100,77,30)
```
#775c24
```
#775c24 rgb(119,92,36)
```
#8b6c2a
```
#8b6c2a rgb(139,108,42)
```

Monochromatic Color

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

#503018
```
#503018 rgb(80,48,24)
```
#503518
```
#503518 rgb(80,53,24)
```
#503918
```
#503918 rgb(80,57,24)
```
#503e18
```
#503e18 rgb(80,62,24)
```
#504318
```
#504318 rgb(80,67,24)
```
#504718
```
#504718 rgb(80,71,24)
```
#504c18
```
#504c18 rgb(80,76,24)
```

Similar Colors

Text with hexadecimal color #503e18

This text has a font color of #503e18.

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

#503e18 background color

This paragraph has a background color of #503e18.

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

#503e18 border color

This element has a border color of #503e18.

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

CSS codes

.text {color:#503e18;}

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

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

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

#050401
```
#050401 rgb(5,4,1)
```
#140f06
```
#140f06 rgb(20,15,6)
```
#231b0a
```
#231b0a rgb(35,27,10)
```
#32270f
```
#32270f rgb(50,39,15)
```
#413213
```
#413213 rgb(65,50,19)
```
#503e18
```
#503e18 rgb(80,62,24)
```
#5f4a1d
```
#5f4a1d rgb(95,74,29)
```
#6e5521
```
#6e5521 rgb(110,85,33)
```
#7d6126
```
#7d6126 rgb(125,97,38)
```
#8c6d2a
```
#8c6d2a rgb(140,109,42)
```
#9b782f
```
#9b782f rgb(155,120,47)
```
#ab8433
```
#ab8433 rgb(171,132,51)
```
#ba9038
```
#ba9038 rgb(186,144,56)
```

Shade Color Variation

#c69a3f
```
#c69a3f rgb(198,154,63)
```
#caa24e
```
#caa24e rgb(202,162,78)
```
#cfaa5e
```
#cfaa5e rgb(207,170,94)
```
#d3b26d
```
#d3b26d rgb(211,178,109)
```
#d8ba7c
```
#d8ba7c rgb(216,186,124)
```
#dcc28b
```
#dcc28b rgb(220,194,139)
```
#e1ca9a
```
#e1ca9a rgb(225,202,154)
```
#e5d2a9
```
#e5d2a9 rgb(229,210,169)
```
#eadab8
```
#eadab8 rgb(234,218,184)
```
#eee2c7
```
#eee2c7 rgb(238,226,199)
```
#f3ead6
```
#f3ead6 rgb(243,234,214)
```
#f7f2e5
```
#f7f2e5 rgb(247,242,229)
```
#fcf9f4
```
#fcf9f4 rgb(252,249,244)
```

Tint Color Variation

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

#383530
```
#383530 rgb(56,53,48)
```
#3c372c
```
#3c372c rgb(60,55,44)
```
#403828
```
#403828 rgb(64,56,40)
```
#443a24
```
#443a24 rgb(68,58,36)
```
#483b20
```
#483b20 rgb(72,59,32)
```
#4c3d1c
```
#4c3d1c rgb(76,61,28)
```
#503e18
```
#503e18 rgb(80,62,24)
```
#543f14
```
#543f14 rgb(84,63,20)
```
#584110
```
#584110 rgb(88,65,16)
```
#5c420c
```
#5c420c rgb(92,66,12)
```
#604408
```
#604408 rgb(96,68,8)
```
#644504
```
#644504 rgb(100,69,4)
```
#684700
```
#684700 rgb(104,71,0)
```

Tone Color Variation

Below, you can see how #503e18 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
#423f37 Atypical Achromatopsia 0.001% of the population

Dichromacy

#524a24 Protanopia 1% of men
#5b4724 Deuteranopia 1% of men
#5c4448 Tritanopia 0.001% of the population

Trichromacy

#514620 Protanomaly 1% of men, 0.01% of women
#57431f Deuteranomaly 6% of men, 0.4% of women
#574137 Tritanomaly 0.01% of the population