#503500 hex color

In a RGB color space, hex #503500 is composed of 31.4% red, 20.8% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.8% magenta, 100% yellow and 68.6% black. It has a hue angle of 39.8 degrees, a saturation of 100% and a lightness of 15.7%. #503500 color hex could be obtained by blending #a06a00 with #000000. Closest websafe color is: #663300.

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

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

The hexadecimal color #503500 has RGB values of R:80, G:53, B:0 and CMYK values of C:0, M:0.34, Y:1, K:0.69. Its decimal value is 5256448.

Hex triplet	503500	`#503500`
RGB Decimal	80, 53, 0	`rgb(80,53,0)`
RGB Percent	31.4, 20.8, 0	`rgb(31.4%,20.8%,0%)`
CMYK	0, 34, 100, 69
HSL	39.8°, 100, 15.7	`hsl(39.8,100%,15.7%)`
HSV (or HSB)	39.8°, 100, 31.4
Web Safe	663300	`#663300`

CIE-LAB	24.488, 7.452, 33.932
XYZ	4.581, 4.252, 0.579
xyY	0.487, 0.452, 4.252
CIE-LCH	24.488, 34.741, 77.614
CIE-LUV	24.488, 20.242, 24.694
Hunter-Lab	20.62, 3.574, 12.768
Binary	01010000, 00110101, 00000000

#503500
```
#503500 rgb(80,53,0)
```
#001b50
```
#001b50 rgb(0,27,80)
```

Complementary Color

#500d00
```
#500d00 rgb(80,13,0)
```
#503500
```
#503500 rgb(80,53,0)
```
#435000
```
#435000 rgb(67,80,0)
```

Analogous Color

#0d0050
```
#0d0050 rgb(13,0,80)
```
#503500
```
#503500 rgb(80,53,0)
```
#004350
```
#004350 rgb(0,67,80)
```

Split Complementary Color

#350050
```
#350050 rgb(53,0,80)
```
#503500
```
#503500 rgb(80,53,0)
```
#005035
```
#005035 rgb(0,80,53)
```

Triadic Color

#50001b
```
#50001b rgb(80,0,27)
```
#503500
```
#503500 rgb(80,53,0)
```
#005035
```
#005035 rgb(0,80,53)
```
#001b50
```
#001b50 rgb(0,27,80)
```

Tetradic Color

#040200
```
#040200 rgb(4,2,0)
```
#1d1300
```
#1d1300 rgb(29,19,0)
```
#372400
```
#372400 rgb(55,36,0)
```
#503500
```
#503500 rgb(80,53,0)
```
#6a4600
```
#6a4600 rgb(106,70,0)
```
#835700
```
#835700 rgb(131,87,0)
```
#9d6800
```
#9d6800 rgb(157,104,0)
```

Monochromatic Color

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

#502100
```
#502100 rgb(80,33,0)
```
#502800
```
#502800 rgb(80,40,0)
```
#502e00
```
#502e00 rgb(80,46,0)
```
#503500
```
#503500 rgb(80,53,0)
```
#503c00
```
#503c00 rgb(80,60,0)
```
#504200
```
#504200 rgb(80,66,0)
```
#504900
```
#504900 rgb(80,73,0)
```

Similar Colors

Text with hexadecimal color #503500

This text has a font color of #503500.

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

#503500 background color

This paragraph has a background color of #503500.

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

#503500 border color

This element has a border color of #503500.

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

CSS codes

.text {color:#503500;}

.background {background-color:#503500;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#150e00
```
#150e00 rgb(21,14,0)
```
#291b00
```
#291b00 rgb(41,27,0)
```
#3c2800
```
#3c2800 rgb(60,40,0)
```
#503500
```
#503500 rgb(80,53,0)
```
#644200
```
#644200 rgb(100,66,0)
```
#774f00
```
#774f00 rgb(119,79,0)
```
#8b5c00
```
#8b5c00 rgb(139,92,0)
```
#9e6900
```
#9e6900 rgb(158,105,0)
```
#b27600
```
#b27600 rgb(178,118,0)
```
#c68300
```
#c68300 rgb(198,131,0)
```
#d99000
```
#d99000 rgb(217,144,0)
```
#ed9d00
```
#ed9d00 rgb(237,157,0)
```

Shade Color Variation

#ffa902
```
#ffa902 rgb(255,169,2)
```
#ffb015
```
#ffb015 rgb(255,176,21)
```
#ffb729
```
#ffb729 rgb(255,183,41)
```
#ffbd3c
```
#ffbd3c rgb(255,189,60)
```
#ffc450
```
#ffc450 rgb(255,196,80)
```
#ffcb64
```
#ffcb64 rgb(255,203,100)
```
#ffd177
```
#ffd177 rgb(255,209,119)
```
#ffd88b
```
#ffd88b rgb(255,216,139)
```
#ffde9e
```
#ffde9e rgb(255,222,158)
```
#ffe5b2
```
#ffe5b2 rgb(255,229,178)
```
#ffecc6
```
#ffecc6 rgb(255,236,198)
```
#fff2d9
```
#fff2d9 rgb(255,242,217)
```
#fff9ed
```
#fff9ed rgb(255,249,237)
```

Tint Color Variation

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

#2b2925
```
#2b2925 rgb(43,41,37)
```
#2e2a22
```
#2e2a22 rgb(46,42,34)
```
#312b1f
```
#312b1f rgb(49,43,31)
```
#342c1c
```
#342c1c rgb(52,44,28)
```
#372d19
```
#372d19 rgb(55,45,25)
```
#3a2e16
```
#3a2e16 rgb(58,46,22)
```
#3e2f12
```
#3e2f12 rgb(62,47,18)
```
#41300f
```
#41300f rgb(65,48,15)
```
#44310c
```
#44310c rgb(68,49,12)
```
#473209
```
#473209 rgb(71,50,9)
```
#4a3306
```
#4a3306 rgb(74,51,6)
```
#4d3403
```
#4d3403 rgb(77,52,3)
```
#503500
```
#503500 rgb(80,53,0)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#3c372c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c4406 Protanopia 1% of men
#554100 Deuteranopia 1% of men
#5b3b3f Tritanopia 0.001% of the population

Trichromacy

#4d3e04 Protanomaly 1% of men, 0.01% of women
#533c00 Deuteranomaly 6% of men, 0.4% of women
#573928 Tritanomaly 0.01% of the population

#503500 hex color

#503500 Color Information

#503500 Color Conversion

Color Schemes with #503500

Alternatives to #503500

#503500 Preview

Shades and Tints of #503500

Tones of #503500

Color Blindness Simulator