colorhexa.com

#5b2f3a hex color

In a RGB color space, hex #5b2f3a is composed of 35.7% red, 18.4% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.4% magenta, 36.3% yellow and 64.3% black. It has a hue angle of 345 degrees, a saturation of 31.9% and a lightness of 27.1%. #5b2f3a color hex could be obtained by blending #b65e74 with #000000. Closest websafe color is: #663333.

- R 36
- G 18
- B 23
RGB color chart
- C 0
- M 48
- Y 36
- K 64
CMYK color chart

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

The hexadecimal color #5b2f3a has RGB values of R:91, G:47, B:58 and CMYK values of C:0, M:0.48, Y:0.36, K:0.64. Its decimal value is 5975866.

Hex triplet	5b2f3a	`#5b2f3a`
RGB Decimal	91, 47, 58	`rgb(91,47,58)`
RGB Percent	35.7, 18.4, 22.7	`rgb(35.7%,18.4%,22.7%)`
CMYK	0, 48, 36, 64
HSL	345°, 31.9, 27.1	`hsl(345,31.9%,27.1%)`
HSV (or HSB)	345°, 48.4, 35.7
Web Safe	663333	`#663333`

CIE-LAB	25.452, 21.456, 2.002
XYZ	6.095, 4.563, 4.563
xyY	0.4, 0.3, 4.563
CIE-LCH	25.452, 21.549, 5.33
CIE-LUV	25.452, 25.965, -0.948
Hunter-Lab	21.361, 13.546, 2.289
Binary	01011011, 00101111, 00111010

#5b2f3a
```
#5b2f3a rgb(91,47,58)
```
#2f5b50
```
#2f5b50 rgb(47,91,80)
```

Complementary Color

#5b2f50
```
#5b2f50 rgb(91,47,80)
```
#5b2f3a
```
#5b2f3a rgb(91,47,58)
```
#5b3a2f
```
#5b3a2f rgb(91,58,47)
```

Analogous Color

#2f505b
```
#2f505b rgb(47,80,91)
```
#5b2f3a
```
#5b2f3a rgb(91,47,58)
```
#2f5b3a
```
#2f5b3a rgb(47,91,58)
```

Split Complementary Color

#29151a
```
#29151a rgb(41,21,26)
```
#391e25
```
#391e25 rgb(57,30,37)
```
#4a262f
```
#4a262f rgb(74,38,47)
```
#5b2f3a
```
#5b2f3a rgb(91,47,58)
```
#6c3845
```
#6c3845 rgb(108,56,69)
```
#7d404f
```
#7d404f rgb(125,64,79)
```
#8d495a
```
#8d495a rgb(141,73,90)
```

Monochromatic Color

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

#5b2f45
```
#5b2f45 rgb(91,47,69)
```
#5b2f41
```
#5b2f41 rgb(91,47,65)
```
#5b2f3e
```
#5b2f3e rgb(91,47,62)
```
#5b2f3a
```
#5b2f3a rgb(91,47,58)
```
#5b2f36
```
#5b2f36 rgb(91,47,54)
```
#5b2f33
```
#5b2f33 rgb(91,47,51)
```
#5b2f2f
```
#5b2f2f rgb(91,47,47)
```

Similar Colors

Text with hexadecimal color #5b2f3a

This text has a font color of #5b2f3a.

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

#5b2f3a background color

This paragraph has a background color of #5b2f3a.

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

#5b2f3a border color

This element has a border color of #5b2f3a.

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

CSS codes

.text {color:#5b2f3a;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0709
```
#0d0709 rgb(13,7,9)
```
#1a0e11
```
#1a0e11 rgb(26,14,17)
```
#271419
```
#271419 rgb(39,20,25)
```
#341b21
```
#341b21 rgb(52,27,33)
```
#41222a
```
#41222a rgb(65,34,42)
```
#4e2832
```
#4e2832 rgb(78,40,50)
```
#5b2f3a
```
#5b2f3a rgb(91,47,58)
```
#683642
```
#683642 rgb(104,54,66)
```
#753c4a
```
#753c4a rgb(117,60,74)
```
#824353
```
#824353 rgb(130,67,83)
```
#8f4a5b
```
#8f4a5b rgb(143,74,91)
```
#9c5063
```
#9c5063 rgb(156,80,99)
```

Shade Color Variation

#a8576c
```
#a8576c rgb(168,87,108)
```
#af6477
```
#af6477 rgb(175,100,119)
```
#b67182
```
#b67182 rgb(182,113,130)
```
#bc7e8e
```
#bc7e8e rgb(188,126,142)
```
#c38b99
```
#c38b99 rgb(195,139,153)
```
#ca98a4
```
#ca98a4 rgb(202,152,164)
```
#d0a5b0
```
#d0a5b0 rgb(208,165,176)
```
#d7b2bb
```
#d7b2bb rgb(215,178,187)
```
#debfc7
```
#debfc7 rgb(222,191,199)
```
#e5ccd2
```
#e5ccd2 rgb(229,204,210)
```
#ebd9dd
```
#ebd9dd rgb(235,217,221)
```
#f2e6e9
```
#f2e6e9 rgb(242,230,233)
```
#f9f3f4
```
#f9f3f4 rgb(249,243,244)
```

Tint Color Variation

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

#464445
```
#464445 rgb(70,68,69)
```
#4b3f42
```
#4b3f42 rgb(75,63,66)
```
#503a3f
```
#503a3f rgb(80,58,63)
```
#56343d
```
#56343d rgb(86,52,61)
```
#5b2f3a
```
#5b2f3a rgb(91,47,58)
```
#602a37
```
#602a37 rgb(96,42,55)
```
#662435
```
#662435 rgb(102,36,53)
```
#6b1f32
```
#6b1f32 rgb(107,31,50)
```
#701a2f
```
#701a2f rgb(112,26,47)
```
#76142d
```
#76142d rgb(118,20,45)
```
#7b0f2a
```
#7b0f2a rgb(123,15,42)
```
#800a27
```
#800a27 rgb(128,10,39)
```
#850525
```
#850525 rgb(133,5,37)
```

Tone Color Variation

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

#46464a Protanopia 1% of men
#4e4441 Deuteranopia 1% of men
#633a3e Tritanopia 0.001% of the population

Trichromacy

#4d3d44 Protanomaly 1% of men, 0.01% of women
#533c3e Deuteranomaly 6% of men, 0.4% of women
#60363d Tritanomaly 0.01% of the population