colorhexa.com

#502c18 hex color

In a RGB color space, hex #502c18 is composed of 31.4% red, 17.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45% magenta, 70% yellow and 68.6% black. It has a hue angle of 21.4 degrees, a saturation of 53.8% and a lightness of 20.4%. #502c18 color hex could be obtained by blending #a05830 with #000000. Closest websafe color is: #663300.

- R 31
- G 17
- B 9
RGB color chart
- C 0
- M 45
- Y 70
- K 69
CMYK color chart

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

The hexadecimal color #502c18 has RGB values of R:80, G:44, B:24 and CMYK values of C:0, M:0.45, Y:0.7, K:0.69. Its decimal value is 5254168.

Hex triplet	502c18	`#502c18`
RGB Decimal	80, 44, 24	`rgb(80,44,24)`
RGB Percent	31.4, 17.3, 9.4	`rgb(31.4%,17.3%,9.4%)`
CMYK	0, 45, 70, 69
HSL	21.4°, 53.8, 20.4	`hsl(21.4,53.8%,20.4%)`
HSV (or HSB)	21.4°, 70, 31.4
Web Safe	663300	`#663300`

CIE-LAB	22.207, 14.492, 19.889
XYZ	4.374, 3.573, 1.323
xyY	0.472, 0.385, 3.573
CIE-LCH	22.207, 24.609, 53.922
CIE-LUV	22.207, 24.428, 14.676
Hunter-Lab	18.903, 8.224, 9.081
Binary	01010000, 00101100, 00011000

#502c18
```
#502c18 rgb(80,44,24)
```
#183c50
```
#183c50 rgb(24,60,80)
```

Complementary Color

#501820
```
#501820 rgb(80,24,32)
```
#502c18
```
#502c18 rgb(80,44,24)
```
#504818
```
#504818 rgb(80,72,24)
```

Analogous Color

#182050
```
#182050 rgb(24,32,80)
```
#502c18
```
#502c18 rgb(80,44,24)
```
#185048
```
#185048 rgb(24,80,72)
```

Split Complementary Color

#150c06
```
#150c06 rgb(21,12,6)
```
#29160c
```
#29160c rgb(41,22,12)
```
#3c2112
```
#3c2112 rgb(60,33,18)
```
#502c18
```
#502c18 rgb(80,44,24)
```
#64371e
```
#64371e rgb(100,55,30)
```
#774224
```
#774224 rgb(119,66,36)
```
#8b4c2a
```
#8b4c2a rgb(139,76,42)
```

Monochromatic Color

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

#501e18
```
#501e18 rgb(80,30,24)
```
#502318
```
#502318 rgb(80,35,24)
```
#502718
```
#502718 rgb(80,39,24)
```
#502c18
```
#502c18 rgb(80,44,24)
```
#503118
```
#503118 rgb(80,49,24)
```
#503518
```
#503518 rgb(80,53,24)
```
#503a18
```
#503a18 rgb(80,58,24)
```

Similar Colors

Text with hexadecimal color #502c18

This text has a font color of #502c18.

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

#502c18 background color

This paragraph has a background color of #502c18.

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

#502c18 border color

This element has a border color of #502c18.

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

CSS codes

.text {color:#502c18;}

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

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

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

#050301
```
#050301 rgb(5,3,1)
```
#140b06
```
#140b06 rgb(20,11,6)
```
#23130a
```
#23130a rgb(35,19,10)
```
#321b0f
```
#321b0f rgb(50,27,15)
```
#412413
```
#412413 rgb(65,36,19)
```
#502c18
```
#502c18 rgb(80,44,24)
```
#5f341d
```
#5f341d rgb(95,52,29)
```
#6e3d21
```
#6e3d21 rgb(110,61,33)
```
#7d4526
```
#7d4526 rgb(125,69,38)
```
#8c4d2a
```
#8c4d2a rgb(140,77,42)
```
#9b552f
```
#9b552f rgb(155,85,47)
```
#ab5e33
```
#ab5e33 rgb(171,94,51)
```
#ba6638
```
#ba6638 rgb(186,102,56)
```

Shade Color Variation

#c66f3f
```
#c66f3f rgb(198,111,63)
```
#ca7b4e
```
#ca7b4e rgb(202,123,78)
```
#cf865e
```
#cf865e rgb(207,134,94)
```
#d3916d
```
#d3916d rgb(211,145,109)
```
#d89d7c
```
#d89d7c rgb(216,157,124)
```
#dca88b
```
#dca88b rgb(220,168,139)
```
#e1b39a
```
#e1b39a rgb(225,179,154)
```
#e5bfa9
```
#e5bfa9 rgb(229,191,169)
```
#eacab8
```
#eacab8 rgb(234,202,184)
```
#eed5c7
```
#eed5c7 rgb(238,213,199)
```
#f3e0d6
```
#f3e0d6 rgb(243,224,214)
```
#f7ece5
```
#f7ece5 rgb(247,236,229)
```
#fcf7f4
```
#fcf7f4 rgb(252,247,244)
```

Tint Color Variation

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

#383330
```
#383330 rgb(56,51,48)
```
#3c322c
```
#3c322c rgb(60,50,44)
```
#403128
```
#403128 rgb(64,49,40)
```
#442f24
```
#442f24 rgb(68,47,36)
```
#482e20
```
#482e20 rgb(72,46,32)
```
#4c2d1c
```
#4c2d1c rgb(76,45,28)
```
#502c18
```
#502c18 rgb(80,44,24)
```
#542b14
```
#542b14 rgb(84,43,20)
```
#582a10
```
#582a10 rgb(88,42,16)
```
#5c290c
```
#5c290c rgb(92,41,12)
```
#602708
```
#602708 rgb(96,39,8)
```
#642604
```
#642604 rgb(100,38,4)
```
#682500
```
#682500 rgb(104,37,0)
```

Tone Color Variation

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

Dichromacy

#453f26 Protanopia 1% of men
#4d3c22 Deuteranopia 1% of men
#5a3437 Tritanopia 0.001% of the population

Trichromacy

#493821 Protanomaly 1% of men, 0.01% of women
#4e361e Deuteranomaly 6% of men, 0.4% of women
#56312c Tritanomaly 0.01% of the population