#503420 hex color

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

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

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

The hexadecimal color #503420 has RGB values of R:80, G:52, B:32 and CMYK values of C:0, M:0.35, Y:0.6, K:0.69. Its decimal value is 5256224.

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

CIE-LAB	24.532, 10.07, 17.671
XYZ	4.797, 4.266, 1.937
xyY	0.436, 0.388, 4.266
CIE-LCH	24.532, 20.339, 60.324
CIE-LUV	24.532, 18.936, 14.778
Hunter-Lab	20.654, 5.312, 8.897
Binary	01010000, 00110100, 00100000

#503420
```
#503420 rgb(80,52,32)
```
#203c50
```
#203c50 rgb(32,60,80)
```

Complementary Color

#502024
```
#502024 rgb(80,32,36)
```
#503420
```
#503420 rgb(80,52,32)
```
#504c20
```
#504c20 rgb(80,76,32)
```

Analogous Color

#202450
```
#202450 rgb(32,36,80)
```
#503420
```
#503420 rgb(80,52,32)
```
#20504c
```
#20504c rgb(32,80,76)
```

Split Complementary Color

#342050
```
#342050 rgb(52,32,80)
```
#503420
```
#503420 rgb(80,52,32)
```
#205034
```
#205034 rgb(32,80,52)
```

Triadic Color

#50203c
```
#50203c rgb(80,32,60)
```
#503420
```
#503420 rgb(80,52,32)
```
#205034
```
#205034 rgb(32,80,52)
```
#203c50
```
#203c50 rgb(32,60,80)
```

Tetradic Color

#19100a
```
#19100a rgb(25,16,10)
```
#2c1c11
```
#2c1c11 rgb(44,28,17)
```
#3e2819
```
#3e2819 rgb(62,40,25)
```
#503420
```
#503420 rgb(80,52,32)
```
#624027
```
#624027 rgb(98,64,39)
```
#744c2f
```
#744c2f rgb(116,76,47)
```
#875836
```
#875836 rgb(135,88,54)
```

Monochromatic Color

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

#502820
```
#502820 rgb(80,40,32)
```
#502c20
```
#502c20 rgb(80,44,32)
```
#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)
```

Similar Colors

Text with hexadecimal color #503420

This text has a font color of #503420.

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

#503420 background color

This paragraph has a background color of #503420.

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

#503420 border color

This element has a border color of #503420.

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

CSS codes

.text {color:#503420;}

.background {background-color:#503420;}

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

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

#0a0604
```
#0a0604 rgb(10,6,4)
```
#18100a
```
#18100a rgb(24,16,10)
```
#26190f
```
#26190f rgb(38,25,15)
```
#342215
```
#342215 rgb(52,34,21)
```
#422b1a
```
#422b1a rgb(66,43,26)
```
#503420
```
#503420 rgb(80,52,32)
```
#5e3d26
```
#5e3d26 rgb(94,61,38)
```
#6c462b
```
#6c462b rgb(108,70,43)
```
#7a4f31
```
#7a4f31 rgb(122,79,49)
```
#885836
```
#885836 rgb(136,88,54)
```
#96623c
```
#96623c rgb(150,98,60)
```
#a46b42
```
#a46b42 rgb(164,107,66)
```
#b27447
```
#b27447 rgb(178,116,71)
```

Shade Color Variation

#ba7e53
```
#ba7e53 rgb(186,126,83)
```
#c08861
```
#c08861 rgb(192,136,97)
```
#c5936f
```
#c5936f rgb(197,147,111)
```
#cb9d7d
```
#cb9d7d rgb(203,157,125)
```
#d1a88b
```
#d1a88b rgb(209,168,139)
```
#d6b299
```
#d6b299 rgb(214,178,153)
```
#dcbda7
```
#dcbda7 rgb(220,189,167)
```
#e1c7b5
```
#e1c7b5 rgb(225,199,181)
```
#e7d2c3
```
#e7d2c3 rgb(231,210,195)
```
#eddcd1
```
#eddcd1 rgb(237,220,209)
```
#f2e7df
```
#f2e7df rgb(242,231,223)
```
#f8f1ed
```
#f8f1ed rgb(248,241,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 #6e2f02 is the most saturated one.

#3a3836
```
#3a3836 rgb(58,56,54)
```
#3f3731
```
#3f3731 rgb(63,55,49)
```
#43362d
```
#43362d rgb(67,54,45)
```
#473529
```
#473529 rgb(71,53,41)
```
#4c3524
```
#4c3524 rgb(76,53,36)
```
#503420
```
#503420 rgb(80,52,32)
```
#54331c
```
#54331c rgb(84,51,28)
```
#593317
```
#593317 rgb(89,51,23)
```
#5d3213
```
#5d3213 rgb(93,50,19)
```
#61310f
```
#61310f rgb(97,49,15)
```
#66300a
```
#66300a rgb(102,48,10)
```
#6a3006
```
#6a3006 rgb(106,48,6)
```
#6e2f02
```
#6e2f02 rgb(110,47,2)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#3e3935 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a442d Protanopia 1% of men
#52412a Deuteranopia 1% of men
#5a3b40 Tritanopia 0.001% of the population

Trichromacy

#4c3e28 Protanomaly 1% of men, 0.01% of women
#513c26 Deuteranomaly 6% of men, 0.4% of women
#563934 Tritanomaly 0.01% of the population

#503420 hex color

#503420 Color Information

#503420 Color Conversion

Color Schemes with #503420

Alternatives to #503420

#503420 Preview

Shades and Tints of #503420

Tones of #503420

Color Blindness Simulator