#502d24 hex color

In a RGB color space, hex #502d24 is composed of 31.4% red, 17.6% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.8% magenta, 55% yellow and 68.6% black. It has a hue angle of 12.3 degrees, a saturation of 37.9% and a lightness of 22.7%. #502d24 color hex could be obtained by blending #a05a48 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 31
- G 18
- B 14
RGB color chart
- C 0
- M 44
- Y 55
- K 69
CMYK color chart

● #502d24 color description : Very dark desaturated red.

The hexadecimal color #502d24 has RGB values of R:80, G:45, B:36 and CMYK values of C:0, M:0.44, Y:0.55, K:0.69. Its decimal value is 5254436.

Hex triplet	502d24	`#502d24`
RGB Decimal	80, 45, 36	`rgb(80,45,36)`
RGB Percent	31.4, 17.6, 14.1	`rgb(31.4%,17.6%,14.1%)`
CMYK	0, 44, 55, 69
HSL	12.3°, 37.9, 22.7	`hsl(12.3,37.9%,22.7%)`
HSV (or HSB)	12.3°, 55, 31.4
Web Safe	663333	`#663333`

CIE-LAB	22.688, 14.991, 12.692
XYZ	4.565, 3.71, 2.145
xyY	0.438, 0.356, 3.71
CIE-LCH	22.688, 19.642, 40.252
CIE-LUV	22.688, 22.459, 9.628
Hunter-Lab	19.261, 8.6, 6.881
Binary	01010000, 00101101, 00100100

#502d24
```
#502d24 rgb(80,45,36)
```
#244750
```
#244750 rgb(36,71,80)
```

Complementary Color

#502431
```
#502431 rgb(80,36,49)
```
#502d24
```
#502d24 rgb(80,45,36)
```
#504324
```
#504324 rgb(80,67,36)
```

Analogous Color

#243150
```
#243150 rgb(36,49,80)
```
#502d24
```
#502d24 rgb(80,45,36)
```
#245043
```
#245043 rgb(36,80,67)
```

Split Complementary Color

#2d2450
```
#2d2450 rgb(45,36,80)
```
#502d24
```
#502d24 rgb(80,45,36)
```
#24502d
```
#24502d rgb(36,80,45)
```

Triadic Color

#502447
```
#502447 rgb(80,36,71)
```
#502d24
```
#502d24 rgb(80,45,36)
```
#24502d
```
#24502d rgb(36,80,45)
```
#244750
```
#244750 rgb(36,71,80)
```

Tetradic Color

#1b0f0c
```
#1b0f0c rgb(27,15,12)
```
#2d1914
```
#2d1914 rgb(45,25,20)
```
#3e231c
```
#3e231c rgb(62,35,28)
```
#502d24
```
#502d24 rgb(80,45,36)
```
#62372c
```
#62372c rgb(98,55,44)
```
#734134
```
#734134 rgb(115,65,52)
```
#854b3c
```
#854b3c rgb(133,75,60)
```

Monochromatic Color

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

#502426
```
#502426 rgb(80,36,38)
```
#502624
```
#502624 rgb(80,38,36)
```
#502924
```
#502924 rgb(80,41,36)
```
#502d24
```
#502d24 rgb(80,45,36)
```
#503124
```
#503124 rgb(80,49,36)
```
#503424
```
#503424 rgb(80,52,36)
```
#503824
```
#503824 rgb(80,56,36)
```

Similar Colors

Text with hexadecimal color #502d24

This text has a font color of #502d24.

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

#502d24 background color

This paragraph has a background color of #502d24.

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

#502d24 border color

This element has a border color of #502d24.

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

CSS codes

.text {color:#502d24;}

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

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

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

#0c0706
```
#0c0706 rgb(12,7,6)
```
#1a0f0c
```
#1a0f0c rgb(26,15,12)
```
#271612
```
#271612 rgb(39,22,18)
```
#351e18
```
#351e18 rgb(53,30,24)
```
#42251e
```
#42251e rgb(66,37,30)
```
#502d24
```
#502d24 rgb(80,45,36)
```
#5e352a
```
#5e352a rgb(94,53,42)
```
#6b3c30
```
#6b3c30 rgb(107,60,48)
```
#794436
```
#794436 rgb(121,68,54)
```
#864b3c
```
#864b3c rgb(134,75,60)
```
#945342
```
#945342 rgb(148,83,66)
```
#a15b49
```
#a15b49 rgb(161,91,73)
```
#af624f
```
#af624f rgb(175,98,79)
```

Shade Color Variation

#b56e5b
```
#b56e5b rgb(181,110,91)
```
#bc7a69
```
#bc7a69 rgb(188,122,105)
```
#c28677
```
#c28677 rgb(194,134,119)
```
#c89284
```
#c89284 rgb(200,146,132)
```
#ce9e92
```
#ce9e92 rgb(206,158,146)
```
#d4aa9f
```
#d4aa9f rgb(212,170,159)
```
#dab6ad
```
#dab6ad rgb(218,182,173)
```
#e0c2ba
```
#e0c2ba rgb(224,194,186)
```
#e6cec8
```
#e6cec8 rgb(230,206,200)
```
#ecdad5
```
#ecdad5 rgb(236,218,213)
```
#f2e6e3
```
#f2e6e3 rgb(242,230,227)
```
#f8f2f0
```
#f8f2f0 rgb(248,242,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#3e3836
```
#3e3836 rgb(62,56,54)
```
#433531
```
#433531 rgb(67,53,49)
```
#47322d
```
#47322d rgb(71,50,45)
```
#4c3028
```
#4c3028 rgb(76,48,40)
```
#502d24
```
#502d24 rgb(80,45,36)
```
#542a20
```
#542a20 rgb(84,42,32)
```
#59281b
```
#59281b rgb(89,40,27)
```
#5d2517
```
#5d2517 rgb(93,37,23)
```
#622212
```
#622212 rgb(98,34,18)
```
#66200e
```
#66200e rgb(102,32,14)
```
#6b1d09
```
#6b1d09 rgb(107,29,9)
```
#6f1b05
```
#6f1b05 rgb(111,27,5)
```
#741800
```
#741800 rgb(116,24,0)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#3b3432 Atypical Achromatopsia 0.001% of the population

Dichromacy

#444032 Protanopia 1% of men
#4c3e2d Deuteranopia 1% of men
#5a363a Tritanopia 0.001% of the population

Trichromacy

#48392d Protanomaly 1% of men, 0.01% of women
#4d372a Deuteranomaly 6% of men, 0.4% of women
#563232 Tritanomaly 0.01% of the population

#502d24 hex color

#502d24 Color Information

#502d24 Color Conversion

Color Schemes with #502d24

Alternatives to #502d24

#502d24 Preview

Shades and Tints of #502d24

Tones of #502d24

Color Blindness Simulator