#502f20 hex color

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

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

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

The hexadecimal color #502f20 has RGB values of R:80, G:47, B:32 and CMYK values of C:0, M:0.41, Y:0.6, K:0.69. Its decimal value is 5254944.

Hex triplet	502f20	`#502f20`
RGB Decimal	80, 47, 32	`rgb(80,47,32)`
RGB Percent	31.4, 18.4, 12.5	`rgb(31.4%,18.4%,12.5%)`
CMYK	0, 41, 60, 69
HSL	18.8°, 42.9, 22	`hsl(18.8,42.9%,22%)`
HSV (or HSB)	18.8°, 60, 31.4
Web Safe	663333	`#663333`

CIE-LAB	23.146, 13.289, 15.922
XYZ	4.586, 3.843, 1.867
xyY	0.445, 0.373, 3.843
CIE-LCH	23.146, 20.739, 50.15
CIE-LUV	23.146, 21.835, 12.507
Hunter-Lab	19.604, 7.447, 8.077
Binary	01010000, 00101111, 00100000

#502f20
```
#502f20 rgb(80,47,32)
```
#204150
```
#204150 rgb(32,65,80)
```

Complementary Color

#502029
```
#502029 rgb(80,32,41)
```
#502f20
```
#502f20 rgb(80,47,32)
```
#504720
```
#504720 rgb(80,71,32)
```

Analogous Color

#202950
```
#202950 rgb(32,41,80)
```
#502f20
```
#502f20 rgb(80,47,32)
```
#205047
```
#205047 rgb(32,80,71)
```

Split Complementary Color

#2f2050
```
#2f2050 rgb(47,32,80)
```
#502f20
```
#502f20 rgb(80,47,32)
```
#20502f
```
#20502f rgb(32,80,47)
```

Triadic Color

#502041
```
#502041 rgb(80,32,65)
```
#502f20
```
#502f20 rgb(80,47,32)
```
#20502f
```
#20502f rgb(32,80,47)
```
#204150
```
#204150 rgb(32,65,80)
```

Tetradic Color

#190f0a
```
#190f0a rgb(25,15,10)
```
#2c1a11
```
#2c1a11 rgb(44,26,17)
```
#3e2419
```
#3e2419 rgb(62,36,25)
```
#502f20
```
#502f20 rgb(80,47,32)
```
#623a27
```
#623a27 rgb(98,58,39)
```
#74442f
```
#74442f rgb(116,68,47)
```
#874f36
```
#874f36 rgb(135,79,54)
```

Monochromatic Color

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

#502320
```
#502320 rgb(80,35,32)
```
#502720
```
#502720 rgb(80,39,32)
```
#502b20
```
#502b20 rgb(80,43,32)
```
#502f20
```
#502f20 rgb(80,47,32)
```
#503320
```
#503320 rgb(80,51,32)
```
#503720
```
#503720 rgb(80,55,32)
```
#503b20
```
#503b20 rgb(80,59,32)
```

Similar Colors

Text with hexadecimal color #502f20

This text has a font color of #502f20.

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

#502f20 background color

This paragraph has a background color of #502f20.

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

#502f20 border color

This element has a border color of #502f20.

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

CSS codes

.text {color:#502f20;}

.background {background-color:#502f20;}

.border {border:1px solid #502f20;}

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)
```
#180e0a
```
#180e0a rgb(24,14,10)
```
#26160f
```
#26160f rgb(38,22,15)
```
#341f15
```
#341f15 rgb(52,31,21)
```
#42271a
```
#42271a rgb(66,39,26)
```
#502f20
```
#502f20 rgb(80,47,32)
```
#5e3726
```
#5e3726 rgb(94,55,38)
```
#6c3f2b
```
#6c3f2b rgb(108,63,43)
```
#7a4831
```
#7a4831 rgb(122,72,49)
```
#885036
```
#885036 rgb(136,80,54)
```
#96583c
```
#96583c rgb(150,88,60)
```
#a46042
```
#a46042 rgb(164,96,66)
```
#b26947
```
#b26947 rgb(178,105,71)
```

Shade Color Variation

#ba7353
```
#ba7353 rgb(186,115,83)
```
#c07e61
```
#c07e61 rgb(192,126,97)
```
#c58a6f
```
#c58a6f rgb(197,138,111)
```
#cb957d
```
#cb957d rgb(203,149,125)
```
#d1a18b
```
#d1a18b rgb(209,161,139)
```
#d6ac99
```
#d6ac99 rgb(214,172,153)
```
#dcb7a7
```
#dcb7a7 rgb(220,183,167)
```
#e1c3b5
```
#e1c3b5 rgb(225,195,181)
```
#e7cec3
```
#e7cec3 rgb(231,206,195)
```
#eddad1
```
#eddad1 rgb(237,218,209)
```
#f2e5df
```
#f2e5df rgb(242,229,223)
```
#f8f0ed
```
#f8f0ed rgb(248,240,237)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#3a3736
```
#3a3736 rgb(58,55,54)
```
#3f3531
```
#3f3531 rgb(63,53,49)
```
#43342d
```
#43342d rgb(67,52,45)
```
#473229
```
#473229 rgb(71,50,41)
```
#4c3124
```
#4c3124 rgb(76,49,36)
```
#502f20
```
#502f20 rgb(80,47,32)
```
#542d1c
```
#542d1c rgb(84,45,28)
```
#592c17
```
#592c17 rgb(89,44,23)
```
#5d2a13
```
#5d2a13 rgb(93,42,19)
```
#61290f
```
#61290f rgb(97,41,15)
```
#66270a
```
#66270a rgb(102,39,10)
```
#6a2506
```
#6a2506 rgb(106,37,6)
```
#6e2402
```
#6e2402 rgb(110,36,2)
```

Tone Color Variation

Below, you can see how #502f20 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
#3c3532 Atypical Achromatopsia 0.001% of the population

Dichromacy

#46412e Protanopia 1% of men
#4e3e2a Deuteranopia 1% of men
#5a373b Tritanopia 0.001% of the population

Trichromacy

#4a3a29 Protanomaly 1% of men, 0.01% of women
#4f3926 Deuteranomaly 6% of men, 0.4% of women
#563431 Tritanomaly 0.01% of the population

#502f20 hex color

#502f20 Color Information

#502f20 Color Conversion

Color Schemes with #502f20

Alternatives to #502f20

#502f20 Preview

Shades and Tints of #502f20

Tones of #502f20

Color Blindness Simulator