colorhexa.com

#5c2f36 hex color

In a RGB color space, hex #5c2f36 is composed of 36.1% red, 18.4% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.9% magenta, 41.3% yellow and 63.9% black. It has a hue angle of 350.7 degrees, a saturation of 32.4% and a lightness of 27.3%. #5c2f36 color hex could be obtained by blending #b85e6c with #000000. Closest websafe color is: #663333.

- R 36
- G 18
- B 21
RGB color chart
- C 0
- M 49
- Y 41
- K 64
CMYK color chart

● #5c2f36 color description : Very dark desaturated red.

The hexadecimal color #5c2f36 has RGB values of R:92, G:47, B:54 and CMYK values of C:0, M:0.49, Y:0.41, K:0.64. Its decimal value is 6041398.

Hex triplet	5c2f36	`#5c2f36`
RGB Decimal	92, 47, 54	`rgb(92,47,54)`
RGB Percent	36.1, 18.4, 21.2	`rgb(36.1%,18.4%,21.2%)`
CMYK	0, 49, 41, 64
HSL	350.7°, 32.4, 27.3	`hsl(350.7,32.4%,27.3%)`
HSV (or HSB)	350.7°, 48.9, 36.1
Web Safe	663333	`#663333`

CIE-LAB	25.488, 21.314, 4.759
XYZ	6.096, 4.575, 4.052
xyY	0.414, 0.311, 4.575
CIE-LCH	25.488, 21.839, 12.588
CIE-LUV	25.488, 27.446, 1.86
Hunter-Lab	21.39, 13.441, 3.741
Binary	01011100, 00101111, 00110110

#5c2f36
```
#5c2f36 rgb(92,47,54)
```
#2f5c55
```
#2f5c55 rgb(47,92,85)
```

Complementary Color

#5c2f4d
```
#5c2f4d rgb(92,47,77)
```
#5c2f36
```
#5c2f36 rgb(92,47,54)
```
#5c3f2f
```
#5c3f2f rgb(92,63,47)
```

Analogous Color

#2f4d5c
```
#2f4d5c rgb(47,77,92)
```
#5c2f36
```
#5c2f36 rgb(92,47,54)
```
#2f5c3f
```
#2f5c3f rgb(47,92,63)
```

Split Complementary Color

#291518
```
#291518 rgb(41,21,24)
```
#3a1e22
```
#3a1e22 rgb(58,30,34)
```
#4b262c
```
#4b262c rgb(75,38,44)
```
#5c2f36
```
#5c2f36 rgb(92,47,54)
```
#6d3840
```
#6d3840 rgb(109,56,64)
```
#7e404a
```
#7e404a rgb(126,64,74)
```
#8f4954
```
#8f4954 rgb(143,73,84)
```

Monochromatic Color

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

#5c2f41
```
#5c2f41 rgb(92,47,65)
```
#5c2f3e
```
#5c2f3e rgb(92,47,62)
```
#5c2f3a
```
#5c2f3a rgb(92,47,58)
```
#5c2f36
```
#5c2f36 rgb(92,47,54)
```
#5c2f32
```
#5c2f32 rgb(92,47,50)
```
#5c302f
```
#5c302f rgb(92,48,47)
```
#5c332f
```
#5c332f rgb(92,51,47)
```

Similar Colors

Text with hexadecimal color #5c2f36

This text has a font color of #5c2f36.

<span style="color:#5c2f36;">Text here</span>

#5c2f36 background color

This paragraph has a background color of #5c2f36.

<p style="background-color:#5c2f36;">Content here</p>

#5c2f36 border color

This element has a border color of #5c2f36.

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

CSS codes

.text {color:#5c2f36;}

.background {background-color:#5c2f36;}

.border {border:1px solid #5c2f36;}

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

#010101
```
#010101 rgb(1,1,1)
```
#0e0708
```
#0e0708 rgb(14,7,8)
```
#1b0e10
```
#1b0e10 rgb(27,14,16)
```
#281418
```
#281418 rgb(40,20,24)
```
#351b1f
```
#351b1f rgb(53,27,31)
```
#422227
```
#422227 rgb(66,34,39)
```
#4f282e
```
#4f282e rgb(79,40,46)
```
#5c2f36
```
#5c2f36 rgb(92,47,54)
```
#69363e
```
#69363e rgb(105,54,62)
```
#763c45
```
#763c45 rgb(118,60,69)
```
#83434d
```
#83434d rgb(131,67,77)
```
#904a54
```
#904a54 rgb(144,74,84)
```
#9d505c
```
#9d505c rgb(157,80,92)
```

Shade Color Variation

#a95764
```
#a95764 rgb(169,87,100)
```
#b06470
```
#b06470 rgb(176,100,112)
```
#b7717c
```
#b7717c rgb(183,113,124)
```
#bd7e88
```
#bd7e88 rgb(189,126,136)
```
#c48b94
```
#c48b94 rgb(196,139,148)
```
#cb98a0
```
#cb98a0 rgb(203,152,160)
```
#d1a5ac
```
#d1a5ac rgb(209,165,172)
```
#d8b2b8
```
#d8b2b8 rgb(216,178,184)
```
#debfc4
```
#debfc4 rgb(222,191,196)
```
#e5ccd0
```
#e5ccd0 rgb(229,204,208)
```
#ecd9dc
```
#ecd9dc rgb(236,217,220)
```
#f2e6e8
```
#f2e6e8 rgb(242,230,232)
```
#f9f3f4
```
#f9f3f4 rgb(249,243,244)
```

Tint Color Variation

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

#474445
```
#474445 rgb(71,68,69)
```
#4c3f41
```
#4c3f41 rgb(76,63,65)
```
#513a3d
```
#513a3d rgb(81,58,61)
```
#57343a
```
#57343a rgb(87,52,58)
```
#5c2f36
```
#5c2f36 rgb(92,47,54)
```
#612a32
```
#612a32 rgb(97,42,50)
```
#67242f
```
#67242f rgb(103,36,47)
```
#6c1f2b
```
#6c1f2b rgb(108,31,43)
```
#711a27
```
#711a27 rgb(113,26,39)
```
#771424
```
#771424 rgb(119,20,36)
```
#7c0f20
```
#7c0f20 rgb(124,15,32)
```
#810a1c
```
#810a1c rgb(129,10,28)
```
#870419
```
#870419 rgb(135,4,25)
```

Tone Color Variation

Below, you can see how #5c2f36 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

#3d3d3d Achromatopsia 0.005% of the population
#433a3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#474646 Protanopia 1% of men
#50443d Deuteranopia 1% of men
#643a3e Tritanopia 0.001% of the population

Trichromacy

#4f3d40 Protanomaly 1% of men, 0.01% of women
#543c3a Deuteranomaly 6% of men, 0.4% of women
#61363b Tritanomaly 0.01% of the population