colorhexa.com

#502d10 hex color

In a RGB color space, hex #502d10 is composed of 31.4% red, 17.6% green and 6.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.8% magenta, 80% yellow and 68.6% black. It has a hue angle of 27.2 degrees, a saturation of 66.7% and a lightness of 18.8%. #502d10 color hex could be obtained by blending #a05a20 with #000000. Closest websafe color is: #663300.

- R 31
- G 18
- B 6
RGB color chart
- C 0
- M 44
- Y 80
- K 69
CMYK color chart

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

The hexadecimal color #502d10 has RGB values of R:80, G:45, B:16 and CMYK values of C:0, M:0.44, Y:0.8, K:0.69. Its decimal value is 5254416.

Hex triplet	502d10	`#502d10`
RGB Decimal	80, 45, 16	`rgb(80,45,16)`
RGB Percent	31.4, 17.6, 6.3	`rgb(31.4%,17.6%,6.3%)`
CMYK	0, 44, 80, 69
HSL	27.2°, 66.7, 18.8	`hsl(27.2,66.7%,18.8%)`
HSV (or HSB)	27.2°, 80, 31.4
Web Safe	663300	`#663300`

CIE-LAB	22.373, 13.315, 24.838
XYZ	4.34, 3.62, 0.96
xyY	0.487, 0.406, 3.62
CIE-LCH	22.373, 28.182, 61.806
CIE-LUV	22.373, 24.536, 17.811
Hunter-Lab	19.026, 7.424, 10.326
Binary	01010000, 00101101, 00010000

#502d10
```
#502d10 rgb(80,45,16)
```
#103350
```
#103350 rgb(16,51,80)
```

Complementary Color

#501013
```
#501013 rgb(80,16,19)
```
#502d10
```
#502d10 rgb(80,45,16)
```
#504d10
```
#504d10 rgb(80,77,16)
```

Analogous Color

#101350
```
#101350 rgb(16,19,80)
```
#502d10
```
#502d10 rgb(80,45,16)
```
#10504d
```
#10504d rgb(16,80,77)
```

Split Complementary Color

#100903
```
#100903 rgb(16,9,3)
```
#261508
```
#261508 rgb(38,21,8)
```
#3b210c
```
#3b210c rgb(59,33,12)
```
#502d10
```
#502d10 rgb(80,45,16)
```
#653914
```
#653914 rgb(101,57,20)
```
#7b4519
```
#7b4519 rgb(123,69,25)
```
#90511d
```
#90511d rgb(144,81,29)
```

Monochromatic Color

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

#501d10
```
#501d10 rgb(80,29,16)
```
#502210
```
#502210 rgb(80,34,16)
```
#502810
```
#502810 rgb(80,40,16)
```
#502d10
```
#502d10 rgb(80,45,16)
```
#503210
```
#503210 rgb(80,50,16)
```
#503810
```
#503810 rgb(80,56,16)
```
#503d10
```
#503d10 rgb(80,61,16)
```

Similar Colors

Text with hexadecimal color #502d10

This text has a font color of #502d10.

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

#502d10 background color

This paragraph has a background color of #502d10.

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

#502d10 border color

This element has a border color of #502d10.

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

CSS codes

.text {color:#502d10;}

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

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

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, #0f0803 is the darkest color, while #fffefd is the lightest one.

#0f0803
```
#0f0803 rgb(15,8,3)
```
#1f1106
```
#1f1106 rgb(31,17,6)
```
#2f1b09
```
#2f1b09 rgb(47,27,9)
```
#40240d
```
#40240d rgb(64,36,13)
```
#502d10
```
#502d10 rgb(80,45,16)
```
#603613
```
#603613 rgb(96,54,19)
```
#713f17
```
#713f17 rgb(113,63,23)
```
#81491a
```
#81491a rgb(129,73,26)
```
#91521d
```
#91521d rgb(145,82,29)
```
#a25b20
```
#a25b20 rgb(162,91,32)
```
#b26424
```
#b26424 rgb(178,100,36)
```
#c26d27
```
#c26d27 rgb(194,109,39)
```
#d3772a
```
#d3772a rgb(211,119,42)
```

Shade Color Variation

#d78139
```
#d78139 rgb(215,129,57)
```
#db8b49
```
#db8b49 rgb(219,139,73)
```
#de965a
```
#de965a rgb(222,150,90)
```
#e1a06a
```
#e1a06a rgb(225,160,106)
```
#e5ab7b
```
#e5ab7b rgb(229,171,123)
```
#e8b58b
```
#e8b58b rgb(232,181,139)
```
#ebbf9b
```
#ebbf9b rgb(235,191,155)
```
#eecaac
```
#eecaac rgb(238,202,172)
```
#f2d4bc
```
#f2d4bc rgb(242,212,188)
```
#f5dfcc
```
#f5dfcc rgb(245,223,204)
```
#f8e9dd
```
#f8e9dd rgb(248,233,221)
```
#fbf3ed
```
#fbf3ed rgb(251,243,237)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#32302e
```
#32302e rgb(50,48,46)
```
#362f2a
```
#362f2a rgb(54,47,42)
```
#3a2f26
```
#3a2f26 rgb(58,47,38)
```
#3e2f22
```
#3e2f22 rgb(62,47,34)
```
#412e1f
```
#412e1f rgb(65,46,31)
```
#452e1b
```
#452e1b rgb(69,46,27)
```
#492e17
```
#492e17 rgb(73,46,23)
```
#4c2d14
```
#4c2d14 rgb(76,45,20)
```
#502d10
```
#502d10 rgb(80,45,16)
```
#542d0c
```
#542d0c rgb(84,45,12)
```
#572c09
```
#572c09 rgb(87,44,9)
```
#5b2c05
```
#5b2c05 rgb(91,44,5)
```
#5f2c01
```
#5f2c01 rgb(95,44,1)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#3a332d Atypical Achromatopsia 0.001% of the population

Dichromacy

#46401e Protanopia 1% of men
#4e3d1a Deuteranopia 1% of men
#5a3438 Tritanopia 0.001% of the population

Trichromacy

#4a3919 Protanomaly 1% of men, 0.01% of women
#4f3716 Deuteranomaly 6% of men, 0.4% of women
#563229 Tritanomaly 0.01% of the population