#502a18 hex color

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

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

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

The hexadecimal color #502a18 has RGB values of R:80, G:42, B:24 and CMYK values of C:0, M:0.48, Y:0.7, K:0.69. Its decimal value is 5253656.

Hex triplet	502a18	`#502a18`
RGB Decimal	80, 42, 24	`rgb(80,42,24)`
RGB Percent	31.4, 16.5, 9.4	`rgb(31.4%,16.5%,9.4%)`
CMYK	0, 48, 70, 69
HSL	19.3°, 53.8, 20.4	`hsl(19.3,53.8%,20.4%)`
HSV (or HSB)	19.3°, 70, 31.4
Web Safe	663300	`#663300`

CIE-LAB	21.681, 15.759, 19.266
XYZ	4.301, 3.428, 1.299
xyY	0.476, 0.38, 3.428
CIE-LCH	21.681, 24.89, 50.718
CIE-LUV	21.681, 25.582, 13.852
Hunter-Lab	18.514, 9.07, 8.799
Binary	01010000, 00101010, 00011000

#502a18
```
#502a18 rgb(80,42,24)
```
#183e50
```
#183e50 rgb(24,62,80)
```

Complementary Color

#501822
```
#501822 rgb(80,24,34)
```
#502a18
```
#502a18 rgb(80,42,24)
```
#504618
```
#504618 rgb(80,70,24)
```

Analogous Color

#182250
```
#182250 rgb(24,34,80)
```
#502a18
```
#502a18 rgb(80,42,24)
```
#185046
```
#185046 rgb(24,80,70)
```

Split Complementary Color

#2a1850
```
#2a1850 rgb(42,24,80)
```
#502a18
```
#502a18 rgb(80,42,24)
```
#18502a
```
#18502a rgb(24,80,42)
```

Triadic Color

#50183e
```
#50183e rgb(80,24,62)
```
#502a18
```
#502a18 rgb(80,42,24)
```
#18502a
```
#18502a rgb(24,80,42)
```
#183e50
```
#183e50 rgb(24,62,80)
```

Tetradic Color

#150b06
```
#150b06 rgb(21,11,6)
```
#29150c
```
#29150c rgb(41,21,12)
```
#3c2012
```
#3c2012 rgb(60,32,18)
```
#502a18
```
#502a18 rgb(80,42,24)
```
#64341e
```
#64341e rgb(100,52,30)
```
#773f24
```
#773f24 rgb(119,63,36)
```
#8b492a
```
#8b492a rgb(139,73,42)
```

Monochromatic Color

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

#501c18
```
#501c18 rgb(80,28,24)
```
#502118
```
#502118 rgb(80,33,24)
```
#502518
```
#502518 rgb(80,37,24)
```
#502a18
```
#502a18 rgb(80,42,24)
```
#502f18
```
#502f18 rgb(80,47,24)
```
#503318
```
#503318 rgb(80,51,24)
```
#503818
```
#503818 rgb(80,56,24)
```

Similar Colors

Text with hexadecimal color #502a18

This text has a font color of #502a18.

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

#502a18 background color

This paragraph has a background color of #502a18.

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

#502a18 border color

This element has a border color of #502a18.

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

CSS codes

.text {color:#502a18;}

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

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

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

#050201
```
#050201 rgb(5,2,1)
```
#140a06
```
#140a06 rgb(20,10,6)
```
#23120a
```
#23120a rgb(35,18,10)
```
#321a0f
```
#321a0f rgb(50,26,15)
```
#412213
```
#412213 rgb(65,34,19)
```
#502a18
```
#502a18 rgb(80,42,24)
```
#5f321d
```
#5f321d rgb(95,50,29)
```
#6e3a21
```
#6e3a21 rgb(110,58,33)
```
#7d4226
```
#7d4226 rgb(125,66,38)
```
#8c4a2a
```
#8c4a2a rgb(140,74,42)
```
#9b522f
```
#9b522f rgb(155,82,47)
```
#ab5a33
```
#ab5a33 rgb(171,90,51)
```
#ba6138
```
#ba6138 rgb(186,97,56)
```

Shade Color Variation

#c66b3f
```
#c66b3f rgb(198,107,63)
```
#ca764e
```
#ca764e rgb(202,118,78)
```
#cf825e
```
#cf825e rgb(207,130,94)
```
#d38e6d
```
#d38e6d rgb(211,142,109)
```
#d8997c
```
#d8997c rgb(216,153,124)
```
#dca58b
```
#dca58b rgb(220,165,139)
```
#e1b19a
```
#e1b19a rgb(225,177,154)
```
#e5bca9
```
#e5bca9 rgb(229,188,169)
```
#eac8b8
```
#eac8b8 rgb(234,200,184)
```
#eed4c7
```
#eed4c7 rgb(238,212,199)
```
#f3dfd6
```
#f3dfd6 rgb(243,223,214)
```
#f7ebe5
```
#f7ebe5 rgb(247,235,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 #682100 is the most saturated one.

#383330
```
#383330 rgb(56,51,48)
```
#3c312c
```
#3c312c rgb(60,49,44)
```
#403028
```
#403028 rgb(64,48,40)
```
#442e24
```
#442e24 rgb(68,46,36)
```
#482d20
```
#482d20 rgb(72,45,32)
```
#4c2b1c
```
#4c2b1c rgb(76,43,28)
```
#502a18
```
#502a18 rgb(80,42,24)
```
#542914
```
#542914 rgb(84,41,20)
```
#582710
```
#582710 rgb(88,39,16)
```
#5c260c
```
#5c260c rgb(92,38,12)
```
#602408
```
#602408 rgb(96,36,8)
```
#642304
```
#642304 rgb(100,35,4)
```
#682100
```
#682100 rgb(104,33,0)
```

Tone Color Variation

Below, you can see how #502a18 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
#39312e Atypical Achromatopsia 0.001% of the population

Dichromacy

#443e27 Protanopia 1% of men
#4c3b22 Deuteranopia 1% of men
#5a3236 Tritanopia 0.001% of the population

Trichromacy

#483721 Protanomaly 1% of men, 0.01% of women
#4d351e Deuteranomaly 6% of men, 0.4% of women
#562f2b Tritanomaly 0.01% of the population

#502a18 hex color

#502a18 Color Information

#502a18 Color Conversion

Color Schemes with #502a18

Alternatives to #502a18

#502a18 Preview

Shades and Tints of #502a18

Tones of #502a18

Color Blindness Simulator