#502a17 hex color

In a RGB color space, hex #502a17 is composed of 31.4% red, 16.5% green and 9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.5% magenta, 71.3% yellow and 68.6% black. It has a hue angle of 20 degrees, a saturation of 55.3% and a lightness of 20.2%. #502a17 color hex could be obtained by blending #a0542e with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 31
- G 16
- B 9
RGB color chart
- C 0
- M 48
- Y 71
- K 69
CMYK color chart

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

The hexadecimal color #502a17 has RGB values of R:80, G:42, B:23 and CMYK values of C:0, M:0.48, Y:0.71, K:0.69. Its decimal value is 5253655.

Hex triplet	502a17	`#502a17`
RGB Decimal	80, 42, 23	`rgb(80,42,23)`
RGB Percent	31.4, 16.5, 9	`rgb(31.4%,16.5%,9%)`
CMYK	0, 48, 71, 69
HSL	20°, 55.3, 20.2	`hsl(20,55.3%,20.2%)`
HSV (or HSB)	20°, 71.3, 31.4
Web Safe	663300	`#663300`

CIE-LAB	21.666, 15.682, 19.879
XYZ	4.291, 3.424, 1.245
xyY	0.479, 0.382, 3.424
CIE-LCH	21.666, 25.321, 51.731
CIE-LUV	21.666, 25.69, 14.239
Hunter-Lab	18.503, 9.015, 8.961
Binary	01010000, 00101010, 00010111

#502a17
```
#502a17 rgb(80,42,23)
```
#173d50
```
#173d50 rgb(23,61,80)
```

Complementary Color

#501720
```
#501720 rgb(80,23,32)
```
#502a17
```
#502a17 rgb(80,42,23)
```
#504717
```
#504717 rgb(80,71,23)
```

Analogous Color

#172150
```
#172150 rgb(23,33,80)
```
#502a17
```
#502a17 rgb(80,42,23)
```
#175047
```
#175047 rgb(23,80,71)
```

Split Complementary Color

#2a1750
```
#2a1750 rgb(42,23,80)
```
#502a17
```
#502a17 rgb(80,42,23)
```
#17502a
```
#17502a rgb(23,80,42)
```

Triadic Color

#50173d
```
#50173d rgb(80,23,61)
```
#502a17
```
#502a17 rgb(80,42,23)
```
#17502a
```
#17502a rgb(23,80,42)
```
#173d50
```
#173d50 rgb(23,61,80)
```

Tetradic Color

#150b06
```
#150b06 rgb(21,11,6)
```
#28150c
```
#28150c rgb(40,21,12)
```
#3c2011
```
#3c2011 rgb(60,32,17)
```
#502a17
```
#502a17 rgb(80,42,23)
```
#64341d
```
#64341d rgb(100,52,29)
```
#783f22
```
#783f22 rgb(120,63,34)
```
#8b4928
```
#8b4928 rgb(139,73,40)
```

Monochromatic Color

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

#501c17
```
#501c17 rgb(80,28,23)
```
#502117
```
#502117 rgb(80,33,23)
```
#502517
```
#502517 rgb(80,37,23)
```
#502a17
```
#502a17 rgb(80,42,23)
```
#502f17
```
#502f17 rgb(80,47,23)
```
#503417
```
#503417 rgb(80,52,23)
```
#503817
```
#503817 rgb(80,56,23)
```

Similar Colors

Text with hexadecimal color #502a17

This text has a font color of #502a17.

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

#502a17 background color

This paragraph has a background color of #502a17.

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

#502a17 border color

This element has a border color of #502a17.

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

CSS codes

.text {color:#502a17;}

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

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

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

#040201
```
#040201 rgb(4,2,1)
```
#130a05
```
#130a05 rgb(19,10,5)
```
#22120a
```
#22120a rgb(34,18,10)
```
#321a0e
```
#321a0e rgb(50,26,14)
```
#412213
```
#412213 rgb(65,34,19)
```
#502a17
```
#502a17 rgb(80,42,23)
```
#5f321b
```
#5f321b rgb(95,50,27)
```
#6e3a20
```
#6e3a20 rgb(110,58,32)
```
#7e4224
```
#7e4224 rgb(126,66,36)
```
#8d4a29
```
#8d4a29 rgb(141,74,41)
```
#9c522d
```
#9c522d rgb(156,82,45)
```
#ab5a31
```
#ab5a31 rgb(171,90,49)
```
#bb6236
```
#bb6236 rgb(187,98,54)
```

Shade Color Variation

#c76b3d
```
#c76b3d rgb(199,107,61)
```
#cc774c
```
#cc774c rgb(204,119,76)
```
#d0825b
```
#d0825b rgb(208,130,91)
```
#d48e6a
```
#d48e6a rgb(212,142,106)
```
#d9997a
```
#d9997a rgb(217,153,122)
```
#dda589
```
#dda589 rgb(221,165,137)
```
#e1b198
```
#e1b198 rgb(225,177,152)
```
#e6bca7
```
#e6bca7 rgb(230,188,167)
```
#eac8b7
```
#eac8b7 rgb(234,200,183)
```
#efd3c6
```
#efd3c6 rgb(239,211,198)
```
#f3dfd5
```
#f3dfd5 rgb(243,223,213)
```
#f7ebe4
```
#f7ebe4 rgb(247,235,228)
```
#fcf6f4
```
#fcf6f4 rgb(252,246,244)
```

Tint Color Variation

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

#343333
```
#343333 rgb(52,51,51)
```
#38322f
```
#38322f rgb(56,50,47)
```
#3c312b
```
#3c312b rgb(60,49,43)
```
#402f27
```
#402f27 rgb(64,47,39)
```
#442e23
```
#442e23 rgb(68,46,35)
```
#482d1f
```
#482d1f rgb(72,45,31)
```
#4c2b1b
```
#4c2b1b rgb(76,43,27)
```
#502a17
```
#502a17 rgb(80,42,23)
```
#542913
```
#542913 rgb(84,41,19)
```
#58270f
```
#58270f rgb(88,39,15)
```
#5c260b
```
#5c260b rgb(92,38,11)
```
#602507
```
#602507 rgb(96,37,7)
```
#642303
```
#642303 rgb(100,35,3)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#39312d Atypical Achromatopsia 0.001% of the population

Dichromacy

#443e26 Protanopia 1% of men
#4c3b21 Deuteranopia 1% of men
#5a3236 Tritanopia 0.001% of the population

Trichromacy

#483720 Protanomaly 1% of men, 0.01% of women
#4d351d Deuteranomaly 6% of men, 0.4% of women
#562f2a Tritanomaly 0.01% of the population

#502a17 hex color

#502a17 Color Information

#502a17 Color Conversion

Color Schemes with #502a17

Alternatives to #502a17

#502a17 Preview

Shades and Tints of #502a17

Tones of #502a17

Color Blindness Simulator