#503315 hex color

In a RGB color space, hex #503315 is composed of 31.4% red, 20% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.3% magenta, 73.8% yellow and 68.6% black. It has a hue angle of 30.5 degrees, a saturation of 58.4% and a lightness of 19.8%. #503315 color hex could be obtained by blending #a0662a with #000000. Closest websafe color is: #663300.

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

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

The hexadecimal color #503315 has RGB values of R:80, G:51, B:21 and CMYK values of C:0, M:0.36, Y:0.74, K:0.69. Its decimal value is 5255957.

Hex triplet	503315	`#503315`
RGB Decimal	80, 51, 21	`rgb(80,51,21)`
RGB Percent	31.4, 20, 8.2	`rgb(31.4%,20%,8.2%)`
CMYK	0, 36, 74, 69
HSL	30.5°, 58.4, 19.8	`hsl(30.5,58.4%,19.8%)`
HSV (or HSB)	30.5°, 73.8, 31.4
Web Safe	663300	`#663300`

CIE-LAB	24.089, 9.778, 23.852
XYZ	4.628, 4.128, 1.262
xyY	0.462, 0.412, 4.128
CIE-LCH	24.089, 25.779, 67.708
CIE-LUV	24.089, 20.467, 18.75
Hunter-Lab	20.316, 5.104, 10.537
Binary	01010000, 00110011, 00010101

#503315
```
#503315 rgb(80,51,21)
```
#153250
```
#153250 rgb(21,50,80)
```

Complementary Color

#501615
```
#501615 rgb(80,22,21)
```
#503315
```
#503315 rgb(80,51,21)
```
#505015
```
#505015 rgb(80,80,21)
```

Analogous Color

#161550
```
#161550 rgb(22,21,80)
```
#503315
```
#503315 rgb(80,51,21)
```
#155050
```
#155050 rgb(21,80,80)
```

Split Complementary Color

#331550
```
#331550 rgb(51,21,80)
```
#503315
```
#503315 rgb(80,51,21)
```
#155033
```
#155033 rgb(21,80,51)
```

Triadic Color

#501532
```
#501532 rgb(80,21,50)
```
#503315
```
#503315 rgb(80,51,21)
```
#155033
```
#155033 rgb(21,80,51)
```
#153250
```
#153250 rgb(21,50,80)
```

Tetradic Color

#130c05
```
#130c05 rgb(19,12,5)
```
#28190a
```
#28190a rgb(40,25,10)
```
#3c2610
```
#3c2610 rgb(60,38,16)
```
#503315
```
#503315 rgb(80,51,21)
```
#64401a
```
#64401a rgb(100,64,26)
```
#784d20
```
#784d20 rgb(120,77,32)
```
#8d5a25
```
#8d5a25 rgb(141,90,37)
```

Monochromatic Color

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

#502415
```
#502415 rgb(80,36,21)
```
#502915
```
#502915 rgb(80,41,21)
```
#502e15
```
#502e15 rgb(80,46,21)
```
#503315
```
#503315 rgb(80,51,21)
```
#503815
```
#503815 rgb(80,56,21)
```
#503d15
```
#503d15 rgb(80,61,21)
```
#504215
```
#504215 rgb(80,66,21)
```

Similar Colors

Text with hexadecimal color #503315

This text has a font color of #503315.

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

#503315 background color

This paragraph has a background color of #503315.

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

#503315 border color

This element has a border color of #503315.

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

CSS codes

.text {color:#503315;}

.background {background-color:#503315;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#120b05
```
#120b05 rgb(18,11,5)
```
#211509
```
#211509 rgb(33,21,9)
```
#311f0d
```
#311f0d rgb(49,31,13)
```
#402911
```
#402911 rgb(64,41,17)
```
#503315
```
#503315 rgb(80,51,21)
```
#603d19
```
#603d19 rgb(96,61,25)
```
#6f471d
```
#6f471d rgb(111,71,29)
```
#7f5121
```
#7f5121 rgb(127,81,33)
```
#8e5b25
```
#8e5b25 rgb(142,91,37)
```
#9e6529
```
#9e6529 rgb(158,101,41)
```
#ad6e2d
```
#ad6e2d rgb(173,110,45)
```
#bd7832
```
#bd7832 rgb(189,120,50)
```

Shade Color Variation

#cb8237
```
#cb8237 rgb(203,130,55)
```
#cf8c47
```
#cf8c47 rgb(207,140,71)
```
#d39656
```
#d39656 rgb(211,150,86)
```
#d79f66
```
#d79f66 rgb(215,159,102)
```
#dba975
```
#dba975 rgb(219,169,117)
```
#dfb385
```
#dfb385 rgb(223,179,133)
```
#e3bc95
```
#e3bc95 rgb(227,188,149)
```
#e7c6a4
```
#e7c6a4 rgb(231,198,164)
```
#ebd0b4
```
#ebd0b4 rgb(235,208,180)
```
#efdac3
```
#efdac3 rgb(239,218,195)
```
#f3e3d3
```
#f3e3d3 rgb(243,227,211)
```
#f7ede2
```
#f7ede2 rgb(247,237,226)
```
#fcf7f2
```
#fcf7f2 rgb(252,247,242)
```

Tint Color Variation

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

#353330
```
#353330 rgb(53,51,48)
```
#39332c
```
#39332c rgb(57,51,44)
```
#3d3328
```
#3d3328 rgb(61,51,40)
```
#403325
```
#403325 rgb(64,51,37)
```
#443321
```
#443321 rgb(68,51,33)
```
#48331d
```
#48331d rgb(72,51,29)
```
#4c3319
```
#4c3319 rgb(76,51,25)
```
#503315
```
#503315 rgb(80,51,21)
```
#543311
```
#543311 rgb(84,51,17)
```
#58330d
```
#58330d rgb(88,51,13)
```
#5c3309
```
#5c3309 rgb(92,51,9)
```
#603305
```
#603305 rgb(96,51,5)
```
#633302
```
#633302 rgb(99,51,2)
```

Tone Color Variation

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

#4a4323 Protanopia 1% of men
#524020 Deuteranopia 1% of men
#5b3a3e Tritanopia 0.001% of the population

Trichromacy

#4c3d1d Protanomaly 1% of men, 0.01% of women
#513b1c Deuteranomaly 6% of men, 0.4% of women
#57372f Tritanomaly 0.01% of the population

#503315 hex color

#503315 Color Information

#503315 Color Conversion

Color Schemes with #503315

Alternatives to #503315

#503315 Preview

Shades and Tints of #503315

Tones of #503315

Color Blindness Simulator