#502c22 hex color

In a RGB color space, hex #502c22 is composed of 31.4% red, 17.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45% magenta, 57.5% yellow and 68.6% black. It has a hue angle of 13 degrees, a saturation of 40.4% and a lightness of 22.4%. #502c22 color hex could be obtained by blending #a05844 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 31
- G 17
- B 13
RGB color chart
- C 0
- M 45
- Y 58
- K 69
CMYK color chart

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

The hexadecimal color #502c22 has RGB values of R:80, G:44, B:34 and CMYK values of C:0, M:0.45, Y:0.58, K:0.69. Its decimal value is 5254178.

Hex triplet	502c22	`#502c22`
RGB Decimal	80, 44, 34	`rgb(80,44,34)`
RGB Percent	31.4, 17.3, 13.3	`rgb(31.4%,17.3%,13.3%)`
CMYK	0, 45, 58, 69
HSL	13°, 40.4, 22.4	`hsl(13,40.4%,22.4%)`
HSV (or HSB)	13°, 57.5, 31.4
Web Safe	663333	`#663333`

CIE-LAB	22.383, 15.41, 13.622
XYZ	4.498, 3.623, 1.976
xyY	0.445, 0.359, 3.623
CIE-LCH	22.383, 20.567, 41.476
CIE-LUV	22.383, 23.264, 10.209
Hunter-Lab	19.033, 8.873, 7.169
Binary	01010000, 00101100, 00100010

#502c22
```
#502c22 rgb(80,44,34)
```
#224650
```
#224650 rgb(34,70,80)
```

Complementary Color

#50222f
```
#50222f rgb(80,34,47)
```
#502c22
```
#502c22 rgb(80,44,34)
```
#504322
```
#504322 rgb(80,67,34)
```

Analogous Color

#222f50
```
#222f50 rgb(34,47,80)
```
#502c22
```
#502c22 rgb(80,44,34)
```
#225043
```
#225043 rgb(34,80,67)
```

Split Complementary Color

#2c2250
```
#2c2250 rgb(44,34,80)
```
#502c22
```
#502c22 rgb(80,44,34)
```
#22502c
```
#22502c rgb(34,80,44)
```

Triadic Color

#502246
```
#502246 rgb(80,34,70)
```
#502c22
```
#502c22 rgb(80,44,34)
```
#22502c
```
#22502c rgb(34,80,44)
```
#224650
```
#224650 rgb(34,70,80)
```

Tetradic Color

#1a0e0b
```
#1a0e0b rgb(26,14,11)
```
#2c1813
```
#2c1813 rgb(44,24,19)
```
#3e221a
```
#3e221a rgb(62,34,26)
```
#502c22
```
#502c22 rgb(80,44,34)
```
#62362a
```
#62362a rgb(98,54,42)
```
#744031
```
#744031 rgb(116,64,49)
```
#864a39
```
#864a39 rgb(134,74,57)
```

Monochromatic Color

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

#502224
```
#502224 rgb(80,34,36)
```
#502422
```
#502422 rgb(80,36,34)
```
#502822
```
#502822 rgb(80,40,34)
```
#502c22
```
#502c22 rgb(80,44,34)
```
#503022
```
#503022 rgb(80,48,34)
```
#503422
```
#503422 rgb(80,52,34)
```
#503822
```
#503822 rgb(80,56,34)
```

Similar Colors

Text with hexadecimal color #502c22

This text has a font color of #502c22.

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

#502c22 background color

This paragraph has a background color of #502c22.

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

#502c22 border color

This element has a border color of #502c22.

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

CSS codes

.text {color:#502c22;}

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

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

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

#0b0605
```
#0b0605 rgb(11,6,5)
```
#190e0b
```
#190e0b rgb(25,14,11)
```
#271510
```
#271510 rgb(39,21,16)
```
#341d16
```
#341d16 rgb(52,29,22)
```
#42241c
```
#42241c rgb(66,36,28)
```
#502c22
```
#502c22 rgb(80,44,34)
```
#5e3428
```
#5e3428 rgb(94,52,40)
```
#6c3b2e
```
#6c3b2e rgb(108,59,46)
```
#794334
```
#794334 rgb(121,67,52)
```
#874a39
```
#874a39 rgb(135,74,57)
```
#95523f
```
#95523f rgb(149,82,63)
```
#a35945
```
#a35945 rgb(163,89,69)
```
#b0614b
```
#b0614b rgb(176,97,75)
```

Shade Color Variation

#b86c57
```
#b86c57 rgb(184,108,87)
```
#be7865
```
#be7865 rgb(190,120,101)
```
#c38473
```
#c38473 rgb(195,132,115)
```
#c99081
```
#c99081 rgb(201,144,129)
```
#cf9c8e
```
#cf9c8e rgb(207,156,142)
```
#d5a89c
```
#d5a89c rgb(213,168,156)
```
#dbb4aa
```
#dbb4aa rgb(219,180,170)
```
#e1c1b8
```
#e1c1b8 rgb(225,193,184)
```
#e6cdc5
```
#e6cdc5 rgb(230,205,197)
```
#ecd9d3
```
#ecd9d3 rgb(236,217,211)
```
#f2e5e1
```
#f2e5e1 rgb(242,229,225)
```
#f8f1ef
```
#f8f1ef rgb(248,241,239)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#3a3838
```
#3a3838 rgb(58,56,56)
```
#3e3634
```
#3e3634 rgb(62,54,52)
```
#43332f
```
#43332f rgb(67,51,47)
```
#47312b
```
#47312b rgb(71,49,43)
```
#4c2e26
```
#4c2e26 rgb(76,46,38)
```
#502c22
```
#502c22 rgb(80,44,34)
```
#542a1e
```
#542a1e rgb(84,42,30)
```
#592719
```
#592719 rgb(89,39,25)
```
#5d2515
```
#5d2515 rgb(93,37,21)
```
#622210
```
#622210 rgb(98,34,16)
```
#66200c
```
#66200c rgb(102,32,12)
```
#6a1d08
```
#6a1d08 rgb(106,29,8)
```
#6f1b03
```
#6f1b03 rgb(111,27,3)
```

Tone Color Variation

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

#443f31 Protanopia 1% of men
#4c3d2b Deuteranopia 1% of men
#5a3538 Tritanopia 0.001% of the population

Trichromacy

#48382b Protanomaly 1% of men, 0.01% of women
#4d3728 Deuteranomaly 6% of men, 0.4% of women
#563130 Tritanomaly 0.01% of the population

#502c22 hex color

#502c22 Color Information

#502c22 Color Conversion

Color Schemes with #502c22

Alternatives to #502c22

#502c22 Preview

Shades and Tints of #502c22

Tones of #502c22

Color Blindness Simulator