colorhexa.com

#502b28 hex color

In a RGB color space, hex #502b28 is composed of 31.4% red, 16.9% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.3% magenta, 50% yellow and 68.6% black. It has a hue angle of 4.5 degrees, a saturation of 33.3% and a lightness of 23.5%. #502b28 color hex could be obtained by blending #a05650 with #000000. Closest websafe color is: #663333.

- R 31
- G 17
- B 16
RGB color chart
- C 0
- M 46
- Y 50
- K 69
CMYK color chart

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

The hexadecimal color #502b28 has RGB values of R:80, G:43, B:40 and CMYK values of C:0, M:0.46, Y:0.5, K:0.69. Its decimal value is 5253928.

Hex triplet	502b28	`#502b28`
RGB Decimal	80, 43, 40	`rgb(80,43,40)`
RGB Percent	31.4, 16.9, 15.7	`rgb(31.4%,16.9%,15.7%)`
CMYK	0, 46, 50, 69
HSL	4.5°, 33.3, 23.5	`hsl(4.5,33.3%,23.5%)`
HSV (or HSB)	4.5°, 50, 31.4
Web Safe	663333	`#663333`

CIE-LAB	22.255, 16.725, 9.419
XYZ	4.555, 3.587, 2.46
xyY	0.43, 0.338, 3.587
CIE-LCH	22.255, 19.195, 29.387
CIE-LUV	22.255, 22.956, 6.577
Hunter-Lab	18.939, 9.791, 5.556
Binary	01010000, 00101011, 00101000

#502b28
```
#502b28 rgb(80,43,40)
```
#284d50
```
#284d50 rgb(40,77,80)
```

Complementary Color

#502839
```
#502839 rgb(80,40,57)
```
#502b28
```
#502b28 rgb(80,43,40)
```
#503f28
```
#503f28 rgb(80,63,40)
```

Analogous Color

#283950
```
#283950 rgb(40,57,80)
```
#502b28
```
#502b28 rgb(80,43,40)
```
#28503f
```
#28503f rgb(40,80,63)
```

Split Complementary Color

#1d100f
```
#1d100f rgb(29,16,15)
```
#2e1917
```
#2e1917 rgb(46,25,23)
```
#3f2220
```
#3f2220 rgb(63,34,32)
```
#502b28
```
#502b28 rgb(80,43,40)
```
#613431
```
#613431 rgb(97,52,49)
```
#723d39
```
#723d39 rgb(114,61,57)
```
#834642
```
#834642 rgb(131,70,66)
```

Monochromatic Color

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

#50282f
```
#50282f rgb(80,40,47)
```
#50282c
```
#50282c rgb(80,40,44)
```
#502828
```
#502828 rgb(80,40,40)
```
#502b28
```
#502b28 rgb(80,43,40)
```
#502e28
```
#502e28 rgb(80,46,40)
```
#503228
```
#503228 rgb(80,50,40)
```
#503528
```
#503528 rgb(80,53,40)
```

Similar Colors

Text with hexadecimal color #502b28

This text has a font color of #502b28.

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

#502b28 background color

This paragraph has a background color of #502b28.

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

#502b28 border color

This element has a border color of #502b28.

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

CSS codes

.text {color:#502b28;}

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

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

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

#020101
```
#020101 rgb(2,1,1)
```
#0f0807
```
#0f0807 rgb(15,8,7)
```
#1c0f0e
```
#1c0f0e rgb(28,15,14)
```
#291614
```
#291614 rgb(41,22,20)
```
#361d1b
```
#361d1b rgb(54,29,27)
```
#432421
```
#432421 rgb(67,36,33)
```
#502b28
```
#502b28 rgb(80,43,40)
```
#5d322f
```
#5d322f rgb(93,50,47)
```
#6a3935
```
#6a3935 rgb(106,57,53)
```
#77403c
```
#77403c rgb(119,64,60)
```
#844742
```
#844742 rgb(132,71,66)
```
#914e49
```
#914e49 rgb(145,78,73)
```
#9e554f
```
#9e554f rgb(158,85,79)
```

Shade Color Variation

#ab5d57
```
#ab5d57 rgb(171,93,87)
```
#b16964
```
#b16964 rgb(177,105,100)
```
#b87671
```
#b87671 rgb(184,118,113)
```
#be837e
```
#be837e rgb(190,131,126)
```
#c58f8b
```
#c58f8b rgb(197,143,139)
```
#cb9c98
```
#cb9c98 rgb(203,156,152)
```
#d2a8a5
```
#d2a8a5 rgb(210,168,165)
```
#d9b5b2
```
#d9b5b2 rgb(217,181,178)
```
#dfc2bf
```
#dfc2bf rgb(223,194,191)
```
#e6cecc
```
#e6cecc rgb(230,206,204)
```
#ecdbd9
```
#ecdbd9 rgb(236,219,217)
```
#f3e7e6
```
#f3e7e6 rgb(243,231,230)
```
#f9f4f3
```
#f9f4f3 rgb(249,244,243)
```

Tint Color Variation

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

#3e3b3a
```
#3e3b3a rgb(62,59,58)
```
#423736
```
#423736 rgb(66,55,54)
```
#473331
```
#473331 rgb(71,51,49)
```
#4b2f2d
```
#4b2f2d rgb(75,47,45)
```
#502b28
```
#502b28 rgb(80,43,40)
```
#552723
```
#552723 rgb(85,39,35)
```
#59231f
```
#59231f rgb(89,35,31)
```
#5e1f1a
```
#5e1f1a rgb(94,31,26)
```
#621b16
```
#621b16 rgb(98,27,22)
```
#671711
```
#671711 rgb(103,23,17)
```
#6c130c
```
#6c130c rgb(108,19,12)
```
#701008
```
#701008 rgb(112,16,8)
```
#750c03
```
#750c03 rgb(117,12,3)
```

Tone Color Variation

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

Dichromacy

#423f37 Protanopia 1% of men
#4a3d31 Deuteranopia 1% of men
#593538 Tritanopia 0.001% of the population

Trichromacy

#473831 Protanomaly 1% of men, 0.01% of women
#4c362d Deuteranomaly 6% of men, 0.4% of women
#563132 Tritanomaly 0.01% of the population