#503f1f hex color

In a RGB color space, hex #503f1f is composed of 31.4% red, 24.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.3% magenta, 61.3% yellow and 68.6% black. It has a hue angle of 39.2 degrees, a saturation of 44.1% and a lightness of 21.8%. #503f1f color hex could be obtained by blending #a07e3e with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #503f1f has RGB values of R:80, G:63, B:31 and CMYK values of C:0, M:0.21, Y:0.61, K:0.69. Its decimal value is 5259039.

Hex triplet	503f1f	`#503f1f`
RGB Decimal	80, 63, 31	`rgb(80,63,31)`
RGB Percent	31.4, 24.7, 12.2	`rgb(31.4%,24.7%,12.2%)`
CMYK	0, 21, 61, 69
HSL	39.2°, 44.1, 21.8	`hsl(39.2,44.1%,21.8%)`
HSV (or HSB)	39.2°, 61.3, 31.4
Web Safe	663333	`#663333`

CIE-LAB	27.736, 2.903, 22.202
XYZ	5.333, 5.36, 2.05
xyY	0.419, 0.421, 5.36
CIE-LCH	27.736, 22.391, 82.551
CIE-LUV	27.736, 12.384, 20.436
Hunter-Lab	23.151, 0.606, 10.956
Binary	01010000, 00111111, 00011111

#503f1f
```
#503f1f rgb(80,63,31)
```
#1f3050
```
#1f3050 rgb(31,48,80)
```

Complementary Color

#50271f
```
#50271f rgb(80,39,31)
```
#503f1f
```
#503f1f rgb(80,63,31)
```
#49501f
```
#49501f rgb(73,80,31)
```

Analogous Color

#271f50
```
#271f50 rgb(39,31,80)
```
#503f1f
```
#503f1f rgb(80,63,31)
```
#1f4950
```
#1f4950 rgb(31,73,80)
```

Split Complementary Color

#3f1f50
```
#3f1f50 rgb(63,31,80)
```
#503f1f
```
#503f1f rgb(80,63,31)
```
#1f503f
```
#1f503f rgb(31,80,63)
```

Triadic Color

#501f30
```
#501f30 rgb(80,31,48)
```
#503f1f
```
#503f1f rgb(80,63,31)
```
#1f503f
```
#1f503f rgb(31,80,63)
```
#1f3050
```
#1f3050 rgb(31,48,80)
```

Tetradic Color

#19140a
```
#19140a rgb(25,20,10)
```
#2b2211
```
#2b2211 rgb(43,34,17)
```
#3e3118
```
#3e3118 rgb(62,49,24)
```
#503f1f
```
#503f1f rgb(80,63,31)
```
#624d26
```
#624d26 rgb(98,77,38)
```
#755c2d
```
#755c2d rgb(117,92,45)
```
#876a34
```
#876a34 rgb(135,106,52)
```

Monochromatic Color

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

#50331f
```
#50331f rgb(80,51,31)
```
#50371f
```
#50371f rgb(80,55,31)
```
#503b1f
```
#503b1f rgb(80,59,31)
```
#503f1f
```
#503f1f rgb(80,63,31)
```
#50431f
```
#50431f rgb(80,67,31)
```
#50471f
```
#50471f rgb(80,71,31)
```
#504b1f
```
#504b1f rgb(80,75,31)
```

Similar Colors

Text with hexadecimal color #503f1f

This text has a font color of #503f1f.

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

#503f1f background color

This paragraph has a background color of #503f1f.

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

#503f1f border color

This element has a border color of #503f1f.

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

CSS codes

.text {color:#503f1f;}

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

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

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

#090704
```
#090704 rgb(9,7,4)
```
#171209
```
#171209 rgb(23,18,9)
```
#261e0f
```
#261e0f rgb(38,30,15)
```
#342914
```
#342914 rgb(52,41,20)
```
#42341a
```
#42341a rgb(66,52,26)
```
#503f1f
```
#503f1f rgb(80,63,31)
```
#5e4a24
```
#5e4a24 rgb(94,74,36)
```
#6c552a
```
#6c552a rgb(108,85,42)
```
#7a602f
```
#7a602f rgb(122,96,47)
```
#896c35
```
#896c35 rgb(137,108,53)
```
#97773a
```
#97773a rgb(151,119,58)
```
#a58240
```
#a58240 rgb(165,130,64)
```
#b38d45
```
#b38d45 rgb(179,141,69)
```

Shade Color Variation

#bb9651
```
#bb9651 rgb(187,150,81)
```
#c19f5f
```
#c19f5f rgb(193,159,95)
```
#c6a76d
```
#c6a76d rgb(198,167,109)
```
#ccb07b
```
#ccb07b rgb(204,176,123)
```
#d1b889
```
#d1b889 rgb(209,184,137)
```
#d7c197
```
#d7c197 rgb(215,193,151)
```
#dcc9a5
```
#dcc9a5 rgb(220,201,165)
```
#e2d2b3
```
#e2d2b3 rgb(226,210,179)
```
#e7dac2
```
#e7dac2 rgb(231,218,194)
```
#ede3d0
```
#ede3d0 rgb(237,227,208)
```
#f2ebde
```
#f2ebde rgb(242,235,222)
```
#f8f4ec
```
#f8f4ec rgb(248,244,236)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#3b3834
```
#3b3834 rgb(59,56,52)
```
#3f3a30
```
#3f3a30 rgb(63,58,48)
```
#433b2c
```
#433b2c rgb(67,59,44)
```
#473c28
```
#473c28 rgb(71,60,40)
```
#4c3e23
```
#4c3e23 rgb(76,62,35)
```
#503f1f
```
#503f1f rgb(80,63,31)
```
#54401b
```
#54401b rgb(84,64,27)
```
#594216
```
#594216 rgb(89,66,22)
```
#5d4312
```
#5d4312 rgb(93,67,18)
```
#61440e
```
#61440e rgb(97,68,14)
```
#65460a
```
#65460a rgb(101,70,10)
```
#6a4705
```
#6a4705 rgb(106,71,5)
```
#6e4801
```
#6e4801 rgb(110,72,1)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#434039 Atypical Achromatopsia 0.001% of the population

Dichromacy

#524b2b Protanopia 1% of men
#5b482a Deuteranopia 1% of men
#5c454a Tritanopia 0.001% of the population

Trichromacy

#514626 Protanomaly 1% of men, 0.01% of women
#574426 Deuteranomaly 6% of men, 0.4% of women
#57433a Tritanomaly 0.01% of the population

#503f1f hex color

#503f1f Color Information

#503f1f Color Conversion

Color Schemes with #503f1f

Alternatives to #503f1f

#503f1f Preview

Shades and Tints of #503f1f

Tones of #503f1f

Color Blindness Simulator