#503313 hex color

In a RGB color space, hex #503313 is composed of 31.4% red, 20% green and 7.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.3% magenta, 76.3% yellow and 68.6% black. It has a hue angle of 31.5 degrees, a saturation of 61.6% and a lightness of 19.4%. #503313 color hex could be obtained by blending #a06626 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 31
- G 20
- B 7
RGB color chart
- C 0
- M 36
- Y 76
- K 69
CMYK color chart

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

The hexadecimal color #503313 has RGB values of R:80, G:51, B:19 and CMYK values of C:0, M:0.36, Y:0.76, K:0.69. Its decimal value is 5255955.

Hex triplet	503313	`#503313`
RGB Decimal	80, 51, 19	`rgb(80,51,19)`
RGB Percent	31.4, 20, 7.5	`rgb(31.4%,20%,7.5%)`
CMYK	0, 36, 76, 69
HSL	31.5°, 61.6, 19.4	`hsl(31.5,61.6%,19.4%)`
HSV (or HSB)	31.5°, 76.3, 31.4
Web Safe	663300	`#663300`

CIE-LAB	24.066, 9.643, 24.962
XYZ	4.61, 4.12, 1.169
xyY	0.466, 0.416, 4.12
CIE-LCH	24.066, 26.76, 68.878
CIE-LUV	24.066, 20.607, 19.405
Hunter-Lab	20.299, 5.013, 10.796
Binary	01010000, 00110011, 00010011

#503313
```
#503313 rgb(80,51,19)
```
#133050
```
#133050 rgb(19,48,80)
```

Complementary Color

#501513
```
#501513 rgb(80,21,19)
```
#503313
```
#503313 rgb(80,51,19)
```
#4f5013
```
#4f5013 rgb(79,80,19)
```

Analogous Color

#151350
```
#151350 rgb(21,19,80)
```
#503313
```
#503313 rgb(80,51,19)
```
#134f50
```
#134f50 rgb(19,79,80)
```

Split Complementary Color

#331350
```
#331350 rgb(51,19,80)
```
#503313
```
#503313 rgb(80,51,19)
```
#135033
```
#135033 rgb(19,80,51)
```

Triadic Color

#501330
```
#501330 rgb(80,19,48)
```
#503313
```
#503313 rgb(80,51,19)
```
#135033
```
#135033 rgb(19,80,51)
```
#133050
```
#133050 rgb(19,48,80)
```

Tetradic Color

#120c04
```
#120c04 rgb(18,12,4)
```
#271909
```
#271909 rgb(39,25,9)
```
#3b260e
```
#3b260e rgb(59,38,14)
```
#503313
```
#503313 rgb(80,51,19)
```
#654018
```
#654018 rgb(101,64,24)
```
#794d1d
```
#794d1d rgb(121,77,29)
```
#8e5a22
```
#8e5a22 rgb(142,90,34)
```

Monochromatic Color

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

#502413
```
#502413 rgb(80,36,19)
```
#502913
```
#502913 rgb(80,41,19)
```
#502e13
```
#502e13 rgb(80,46,19)
```
#503313
```
#503313 rgb(80,51,19)
```
#503813
```
#503813 rgb(80,56,19)
```
#503d13
```
#503d13 rgb(80,61,19)
```
#504213
```
#504213 rgb(80,66,19)
```

Similar Colors

Text with hexadecimal color #503313

This text has a font color of #503313.

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

#503313 background color

This paragraph has a background color of #503313.

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

#503313 border color

This element has a border color of #503313.

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

CSS codes

.text {color:#503313;}

.background {background-color:#503313;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110b04
```
#110b04 rgb(17,11,4)
```
#201508
```
#201508 rgb(32,21,8)
```
#301f0b
```
#301f0b rgb(48,31,11)
```
#40290f
```
#40290f rgb(64,41,15)
```
#503313
```
#503313 rgb(80,51,19)
```
#603d17
```
#603d17 rgb(96,61,23)
```
#70471b
```
#70471b rgb(112,71,27)
```
#80511e
```
#80511e rgb(128,81,30)
```
#8f5b22
```
#8f5b22 rgb(143,91,34)
```
#9f6626
```
#9f6626 rgb(159,102,38)
```
#af702a
```
#af702a rgb(175,112,42)
```
#bf7a2d
```
#bf7a2d rgb(191,122,45)
```

Shade Color Variation

#ce8432
```
#ce8432 rgb(206,132,50)
```
#d28d42
```
#d28d42 rgb(210,141,66)
```
#d69751
```
#d69751 rgb(214,151,81)
```
#daa061
```
#daa061 rgb(218,160,97)
```
#ddaa71
```
#ddaa71 rgb(221,170,113)
```
#e1b381
```
#e1b381 rgb(225,179,129)
```
#e5bd91
```
#e5bd91 rgb(229,189,145)
```
#e9c6a1
```
#e9c6a1 rgb(233,198,161)
```
#ecd0b0
```
#ecd0b0 rgb(236,208,176)
```
#f0d9c0
```
#f0d9c0 rgb(240,217,192)
```
#f4e3d0
```
#f4e3d0 rgb(244,227,208)
```
#f8ece0
```
#f8ece0 rgb(248,236,224)
```
#fbf6f0
```
#fbf6f0 rgb(251,246,240)
```

Tint Color Variation

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

#323231
```
#323231 rgb(50,50,49)
```
#35322e
```
#35322e rgb(53,50,46)
```
#39322a
```
#39322a rgb(57,50,42)
```
#3d3226
```
#3d3226 rgb(61,50,38)
```
#413222
```
#413222 rgb(65,50,34)
```
#45321e
```
#45321e rgb(69,50,30)
```
#48331b
```
#48331b rgb(72,51,27)
```
#4c3317
```
#4c3317 rgb(76,51,23)
```
#503313
```
#503313 rgb(80,51,19)
```
#54330f
```
#54330f rgb(84,51,15)
```
#58330b
```
#58330b rgb(88,51,11)
```
#5b3408
```
#5b3408 rgb(91,52,8)
```
#5f3404
```
#5f3404 rgb(95,52,4)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#3d3731 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4321 Protanopia 1% of men
#53401e Deuteranopia 1% of men
#5b3a3e Tritanopia 0.001% of the population

Trichromacy

#4c3d1b Protanomaly 1% of men, 0.01% of women
#513b1a Deuteranomaly 6% of men, 0.4% of women
#57372e Tritanomaly 0.01% of the population

#503313 hex color

#503313 Color Information

#503313 Color Conversion

Color Schemes with #503313

Alternatives to #503313

#503313 Preview

Shades and Tints of #503313

Tones of #503313

Color Blindness Simulator