#5f3525 hex color

In a RGB color space, hex #5f3525 is composed of 37.3% red, 20.8% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.2% magenta, 61.1% yellow and 62.7% black. It has a hue angle of 16.6 degrees, a saturation of 43.9% and a lightness of 25.9%. #5f3525 color hex could be obtained by blending #be6a4a with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 37
- G 21
- B 15
RGB color chart
- C 0
- M 44
- Y 61
- K 63
CMYK color chart

● #5f3525 color description : Very dark orange [Brown tone].

The hexadecimal color #5f3525 has RGB values of R:95, G:53, B:37 and CMYK values of C:0, M:0.44, Y:0.61, K:0.63. Its decimal value is 6239525.

Hex triplet	5f3525	`#5f3525`
RGB Decimal	95, 53, 37	`rgb(95,53,37)`
RGB Percent	37.3, 20.8, 14.5	`rgb(37.3%,20.8%,14.5%)`
CMYK	0, 44, 61, 63
HSL	16.6°, 43.9, 25.9	`hsl(16.6,43.9%,25.9%)`
HSV (or HSB)	16.6°, 61.1, 37.3
Web Safe	663333	`#663333`

CIE-LAB	27.055, 17.053, 18.125
XYZ	6.326, 5.113, 2.404
xyY	0.457, 0.369, 5.113
CIE-LCH	27.055, 24.886, 46.746
CIE-LUV	27.055, 29.053, 14.647
Hunter-Lab	22.612, 10.369, 9.525
Binary	01011111, 00110101, 00100101

#5f3525
```
#5f3525 rgb(95,53,37)
```
#254f5f
```
#254f5f rgb(37,79,95)
```

Complementary Color

#5f2532
```
#5f2532 rgb(95,37,50)
```
#5f3525
```
#5f3525 rgb(95,53,37)
```
#5f5225
```
#5f5225 rgb(95,82,37)
```

Analogous Color

#25325f
```
#25325f rgb(37,50,95)
```
#5f3525
```
#5f3525 rgb(95,53,37)
```
#255f52
```
#255f52 rgb(37,95,82)
```

Split Complementary Color

#35255f
```
#35255f rgb(53,37,95)
```
#5f3525
```
#5f3525 rgb(95,53,37)
```
#255f35
```
#255f35 rgb(37,95,53)
```

Triadic Color

#5f254f
```
#5f254f rgb(95,37,79)
```
#5f3525
```
#5f3525 rgb(95,53,37)
```
#255f35
```
#255f35 rgb(37,95,53)
```
#254f5f
```
#254f5f rgb(37,79,95)
```

Tetradic Color

#281610
```
#281610 rgb(40,22,16)
```
#3a2117
```
#3a2117 rgb(58,33,23)
```
#4d2b1e
```
#4d2b1e rgb(77,43,30)
```
#5f3525
```
#5f3525 rgb(95,53,37)
```
#713f2c
```
#713f2c rgb(113,63,44)
```
#844933
```
#844933 rgb(132,73,51)
```
#96543a
```
#96543a rgb(150,84,58)
```

Monochromatic Color

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

#5f2725
```
#5f2725 rgb(95,39,37)
```
#5f2b25
```
#5f2b25 rgb(95,43,37)
```
#5f3025
```
#5f3025 rgb(95,48,37)
```
#5f3525
```
#5f3525 rgb(95,53,37)
```
#5f3a25
```
#5f3a25 rgb(95,58,37)
```
#5f3f25
```
#5f3f25 rgb(95,63,37)
```
#5f4425
```
#5f4425 rgb(95,68,37)
```

Similar Colors

Text with hexadecimal color #5f3525

This text has a font color of #5f3525.

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

#5f3525 background color

This paragraph has a background color of #5f3525.

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

#5f3525 border color

This element has a border color of #5f3525.

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

CSS codes

.text {color:#5f3525;}

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

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

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

#0a0604
```
#0a0604 rgb(10,6,4)
```
#180e0a
```
#180e0a rgb(24,14,10)
```
#27150f
```
#27150f rgb(39,21,15)
```
#351d15
```
#351d15 rgb(53,29,21)
```
#43251a
```
#43251a rgb(67,37,26)
```
#512d20
```
#512d20 rgb(81,45,32)
```
#5f3525
```
#5f3525 rgb(95,53,37)
```
#6d3d2a
```
#6d3d2a rgb(109,61,42)
```
#7b4530
```
#7b4530 rgb(123,69,48)
```
#894d35
```
#894d35 rgb(137,77,53)
```
#97553b
```
#97553b rgb(151,85,59)
```
#a65c40
```
#a65c40 rgb(166,92,64)
```
#b46446
```
#b46446 rgb(180,100,70)
```

Shade Color Variation

#bc6f52
```
#bc6f52 rgb(188,111,82)
```
#c17b60
```
#c17b60 rgb(193,123,96)
```
#c7866e
```
#c7866e rgb(199,134,110)
```
#cc927c
```
#cc927c rgb(204,146,124)
```
#d29e8a
```
#d29e8a rgb(210,158,138)
```
#d7aa98
```
#d7aa98 rgb(215,170,152)
```
#ddb5a6
```
#ddb5a6 rgb(221,181,166)
```
#e2c1b5
```
#e2c1b5 rgb(226,193,181)
```
#e8cdc3
```
#e8cdc3 rgb(232,205,195)
```
#edd9d1
```
#edd9d1 rgb(237,217,209)
```
#f3e4df
```
#f3e4df rgb(243,228,223)
```
#f8f0ed
```
#f8f0ed rgb(248,240,237)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#46403e
```
#46403e rgb(70,64,62)
```
#4b3e39
```
#4b3e39 rgb(75,62,57)
```
#503c34
```
#503c34 rgb(80,60,52)
```
#553a2f
```
#553a2f rgb(85,58,47)
```
#5a372a
```
#5a372a rgb(90,55,42)
```
#5f3525
```
#5f3525 rgb(95,53,37)
```
#643320
```
#643320 rgb(100,51,32)
```
#69301b
```
#69301b rgb(105,48,27)
```
#6e2e16
```
#6e2e16 rgb(110,46,22)
```
#732c11
```
#732c11 rgb(115,44,17)
```
#782a0c
```
#782a0c rgb(120,42,12)
```
#7d2707
```
#7d2707 rgb(125,39,7)
```
#832501
```
#832501 rgb(131,37,1)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#463e3b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f4934 Protanopia 1% of men
#58462e Deuteranopia 1% of men
#683d41 Tritanopia 0.001% of the population

Trichromacy

#55422e Protanomaly 1% of men, 0.01% of women
#5b402a Deuteranomaly 6% of men, 0.4% of women
#653a37 Tritanomaly 0.01% of the population

#5f3525 hex color

#5f3525 Color Information

#5f3525 Color Conversion

Color Schemes with #5f3525

Alternatives to #5f3525

#5f3525 Preview

Shades and Tints of #5f3525

Tones of #5f3525

Color Blindness Simulator