#502f36 hex color

In a RGB color space, hex #502f36 is composed of 31.4% red, 18.4% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.3% magenta, 32.5% yellow and 68.6% black. It has a hue angle of 347.3 degrees, a saturation of 26% and a lightness of 24.9%. #502f36 color hex could be obtained by blending #a05e6c with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 31
- G 18
- B 21
RGB color chart
- C 0
- M 41
- Y 33
- K 69
CMYK color chart

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

The hexadecimal color #502f36 has RGB values of R:80, G:47, B:54 and CMYK values of C:0, M:0.41, Y:0.33, K:0.69. Its decimal value is 5254966.

Hex triplet	502f36	`#502f36`
RGB Decimal	80, 47, 54	`rgb(80,47,54)`
RGB Percent	31.4, 18.4, 21.2	`rgb(31.4%,18.4%,21.2%)`
CMYK	0, 41, 33, 69
HSL	347.3°, 26, 24.9	`hsl(347.3,26%,24.9%)`
HSV (or HSB)	347.3°, 41.3, 31.4
Web Safe	663333	`#663333`

CIE-LAB	23.688, 16.16, 1.942
XYZ	4.991, 4.005, 4
xyY	0.384, 0.308, 4.005
CIE-LCH	23.688, 16.276, 6.853
CIE-LUV	23.688, 18.842, -0.19
Hunter-Lab	20.013, 9.491, 2.158
Binary	01010000, 00101111, 00110110

#502f36
```
#502f36 rgb(80,47,54)
```
#2f5049
```
#2f5049 rgb(47,80,73)
```

Complementary Color

#502f47
```
#502f47 rgb(80,47,71)
```
#502f36
```
#502f36 rgb(80,47,54)
```
#50392f
```
#50392f rgb(80,57,47)
```

Analogous Color

#2f4750
```
#2f4750 rgb(47,71,80)
```
#502f36
```
#502f36 rgb(80,47,54)
```
#2f5039
```
#2f5039 rgb(47,80,57)
```

Split Complementary Color

#2f3650
```
#2f3650 rgb(47,54,80)
```
#502f36
```
#502f36 rgb(80,47,54)
```
#36502f
```
#36502f rgb(54,80,47)
```

Triadic Color

#492f50
```
#492f50 rgb(73,47,80)
```
#502f36
```
#502f36 rgb(80,47,54)
```
#36502f
```
#36502f rgb(54,80,47)
```
#2f5049
```
#2f5049 rgb(47,80,73)
```

Tetradic Color

#201315
```
#201315 rgb(32,19,21)
```
#301c20
```
#301c20 rgb(48,28,32)
```
#40262b
```
#40262b rgb(64,38,43)
```
#502f36
```
#502f36 rgb(80,47,54)
```
#603841
```
#603841 rgb(96,56,65)
```
#70424c
```
#70424c rgb(112,66,76)
```
#804b57
```
#804b57 rgb(128,75,87)
```

Monochromatic Color

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

#502f3e
```
#502f3e rgb(80,47,62)
```
#502f3c
```
#502f3c rgb(80,47,60)
```
#502f39
```
#502f39 rgb(80,47,57)
```
#502f36
```
#502f36 rgb(80,47,54)
```
#502f33
```
#502f33 rgb(80,47,51)
```
#502f31
```
#502f31 rgb(80,47,49)
```
#50302f
```
#50302f rgb(80,48,47)
```

Similar Colors

Text with hexadecimal color #502f36

This text has a font color of #502f36.

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

#502f36 background color

This paragraph has a background color of #502f36.

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

#502f36 border color

This element has a border color of #502f36.

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

CSS codes

.text {color:#502f36;}

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

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

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

#060304
```
#060304 rgb(6,3,4)
```
#120b0c
```
#120b0c rgb(18,11,12)
```
#1f1215
```
#1f1215 rgb(31,18,21)
```
#2b191d
```
#2b191d rgb(43,25,29)
```
#372025
```
#372025 rgb(55,32,37)
```
#44282e
```
#44282e rgb(68,40,46)
```
#502f36
```
#502f36 rgb(80,47,54)
```
#5c363e
```
#5c363e rgb(92,54,62)
```
#693e47
```
#693e47 rgb(105,62,71)
```
#75454f
```
#75454f rgb(117,69,79)
```
#814c57
```
#814c57 rgb(129,76,87)
```
#8e5360
```
#8e5360 rgb(142,83,96)
```
#9a5b68
```
#9a5b68 rgb(154,91,104)
```

Shade Color Variation

#a46472
```
#a46472 rgb(164,100,114)
```
#ab717d
```
#ab717d rgb(171,113,125)
```
#b37d88
```
#b37d88 rgb(179,125,136)
```
#ba8994
```
#ba8994 rgb(186,137,148)
```
#c1969f
```
#c1969f rgb(193,150,159)
```
#c8a2aa
```
#c8a2aa rgb(200,162,170)
```
#d0aeb5
```
#d0aeb5 rgb(208,174,181)
```
#d7bbc1
```
#d7bbc1 rgb(215,187,193)
```
#dec7cc
```
#dec7cc rgb(222,199,204)
```
#e5d3d7
```
#e5d3d7 rgb(229,211,215)
```
#ede0e3
```
#ede0e3 rgb(237,224,227)
```
#f4ecee
```
#f4ecee rgb(244,236,238)
```
#fbf9f9
```
#fbf9f9 rgb(251,249,249)
```

Tint Color Variation

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

#413e3e
```
#413e3e rgb(65,62,62)
```
#46393c
```
#46393c rgb(70,57,60)
```
#4b3439
```
#4b3439 rgb(75,52,57)
```
#502f36
```
#502f36 rgb(80,47,54)
```
#552a33
```
#552a33 rgb(85,42,51)
```
#5a2530
```
#5a2530 rgb(90,37,48)
```
#5f202e
```
#5f202e rgb(95,32,46)
```
#641b2b
```
#641b2b rgb(100,27,43)
```
#681728
```
#681728 rgb(104,23,40)
```
#6d1225
```
#6d1225 rgb(109,18,37)
```
#720d22
```
#720d22 rgb(114,13,34)
```
#770820
```
#770820 rgb(119,8,32)
```
#7c031d
```
#7c031d rgb(124,3,29)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#3e3839 Atypical Achromatopsia 0.001% of the population

Dichromacy

#434244 Protanopia 1% of men
#4a403e Deuteranopia 1% of men
#583a3e Tritanopia 0.001% of the population

Trichromacy

#473b3f Protanomaly 1% of men, 0.01% of women
#4c3a3b Deuteranomaly 6% of men, 0.4% of women
#55363b Tritanomaly 0.01% of the population

#502f36 hex color

#502f36 Color Information

#502f36 Color Conversion

Color Schemes with #502f36

Alternatives to #502f36

#502f36 Preview

Shades and Tints of #502f36

Tones of #502f36

Color Blindness Simulator