#502100 hex color

In a RGB color space, hex #502100 is composed of 31.4% red, 12.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.8% magenta, 100% yellow and 68.6% black. It has a hue angle of 24.8 degrees, a saturation of 100% and a lightness of 15.7%. #502100 color hex could be obtained by blending #a04200 with #000000. Closest websafe color is: #663300.

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

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

The hexadecimal color #502100 has RGB values of R:80, G:33, B:0 and CMYK values of C:0, M:0.59, Y:1, K:0.69. Its decimal value is 5251328.

Hex triplet	502100	`#502100`
RGB Decimal	80, 33, 0	`rgb(80,33,0)`
RGB Percent	31.4, 12.9, 0	`rgb(31.4%,12.9%,0%)`
CMYK	0, 59, 100, 69
HSL	24.8°, 100, 15.7	`hsl(24.8,100%,15.7%)`
HSV (or HSB)	24.8°, 100, 31.4
Web Safe	663300	`#663300`

CIE-LAB	19.197, 20.037, 28.288
XYZ	3.852, 2.794, 0.336
xyY	0.552, 0.4, 2.794
CIE-LCH	19.197, 34.665, 54.69
CIE-LUV	19.197, 32.858, 17.293
Hunter-Lab	16.714, 11.892, 10.507
Binary	01010000, 00100001, 00000000

#502100
```
#502100 rgb(80,33,0)
```
#002f50
```
#002f50 rgb(0,47,80)
```

Complementary Color

#500007
```
#500007 rgb(80,0,7)
```
#502100
```
#502100 rgb(80,33,0)
```
#504900
```
#504900 rgb(80,73,0)
```

Analogous Color

#000750
```
#000750 rgb(0,7,80)
```
#502100
```
#502100 rgb(80,33,0)
```
#005049
```
#005049 rgb(0,80,73)
```

Split Complementary Color

#210050
```
#210050 rgb(33,0,80)
```
#502100
```
#502100 rgb(80,33,0)
```
#005021
```
#005021 rgb(0,80,33)
```

Triadic Color

#50002f
```
#50002f rgb(80,0,47)
```
#502100
```
#502100 rgb(80,33,0)
```
#005021
```
#005021 rgb(0,80,33)
```
#002f50
```
#002f50 rgb(0,47,80)
```

Tetradic Color

#040100
```
#040100 rgb(4,1,0)
```
#1d0c00
```
#1d0c00 rgb(29,12,0)
```
#371600
```
#371600 rgb(55,22,0)
```
#502100
```
#502100 rgb(80,33,0)
```
#6a2c00
```
#6a2c00 rgb(106,44,0)
```
#833600
```
#833600 rgb(131,54,0)
```
#9d4100
```
#9d4100 rgb(157,65,0)
```

Monochromatic Color

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

#500d00
```
#500d00 rgb(80,13,0)
```
#501400
```
#501400 rgb(80,20,0)
```
#501a00
```
#501a00 rgb(80,26,0)
```
#502100
```
#502100 rgb(80,33,0)
```
#502800
```
#502800 rgb(80,40,0)
```
#502e00
```
#502e00 rgb(80,46,0)
```
#503500
```
#503500 rgb(80,53,0)
```

Similar Colors

Text with hexadecimal color #502100

This text has a font color of #502100.

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

#502100 background color

This paragraph has a background color of #502100.

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

#502100 border color

This element has a border color of #502100.

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

CSS codes

.text {color:#502100;}

.background {background-color:#502100;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#150900
```
#150900 rgb(21,9,0)
```
#291100
```
#291100 rgb(41,17,0)
```
#3c1900
```
#3c1900 rgb(60,25,0)
```
#502100
```
#502100 rgb(80,33,0)
```
#642900
```
#642900 rgb(100,41,0)
```
#773100
```
#773100 rgb(119,49,0)
```
#8b3900
```
#8b3900 rgb(139,57,0)
```
#9e4100
```
#9e4100 rgb(158,65,0)
```
#b24900
```
#b24900 rgb(178,73,0)
```
#c65200
```
#c65200 rgb(198,82,0)
```
#d95a00
```
#d95a00 rgb(217,90,0)
```
#ed6200
```
#ed6200 rgb(237,98,0)
```

Shade Color Variation

#ff6a02
```
#ff6a02 rgb(255,106,2)
```
#ff7615
```
#ff7615 rgb(255,118,21)
```
#ff8129
```
#ff8129 rgb(255,129,41)
```
#ff8d3c
```
#ff8d3c rgb(255,141,60)
```
#ff9850
```
#ff9850 rgb(255,152,80)
```
#ffa464
```
#ffa464 rgb(255,164,100)
```
#ffaf77
```
#ffaf77 rgb(255,175,119)
```
#ffbb8b
```
#ffbb8b rgb(255,187,139)
```
#ffc69e
```
#ffc69e rgb(255,198,158)
```
#ffd2b2
```
#ffd2b2 rgb(255,210,178)
```
#ffddc6
```
#ffddc6 rgb(255,221,198)
```
#ffe9d9
```
#ffe9d9 rgb(255,233,217)
```
#fff4ed
```
#fff4ed rgb(255,244,237)
```

Tint Color Variation

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

#2b2725
```
#2b2725 rgb(43,39,37)
```
#2e2722
```
#2e2722 rgb(46,39,34)
```
#31261f
```
#31261f rgb(49,38,31)
```
#34261c
```
#34261c rgb(52,38,28)
```
#372519
```
#372519 rgb(55,37,25)
```
#3a2516
```
#3a2516 rgb(58,37,22)
```
#3e2412
```
#3e2412 rgb(62,36,18)
```
#41240f
```
#41240f rgb(65,36,15)
```
#44230c
```
#44230c rgb(68,35,12)
```
#472309
```
#472309 rgb(71,35,9)
```
#4a2206
```
#4a2206 rgb(74,34,6)
```
#4d2203
```
#4d2203 rgb(77,34,3)
```
#502100
```
#502100 rgb(80,33,0)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#322922 Atypical Achromatopsia 0.001% of the population

Dichromacy

#403909 Protanopia 1% of men
#473600 Deuteranopia 1% of men
#5a292c Tritanopia 0.001% of the population

Trichromacy

#463005 Protanomaly 1% of men, 0.01% of women
#4a2e00 Deuteranomaly 6% of men, 0.4% of women
#56261c Tritanomaly 0.01% of the population

#502100 hex color

#502100 Color Information

#502100 Color Conversion

Color Schemes with #502100

Alternatives to #502100

#502100 Preview

Shades and Tints of #502100

Tones of #502100

Color Blindness Simulator