#5f5a46 hex color

In a RGB color space, hex #5f5a46 is composed of 37.3% red, 35.3% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.3% magenta, 26.3% yellow and 62.7% black. It has a hue angle of 48 degrees, a saturation of 15.2% and a lightness of 32.4%. #5f5a46 color hex could be obtained by blending #beb48c with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 37
- G 35
- B 27
RGB color chart
- C 0
- M 5
- Y 26
- K 63
CMYK color chart

● #5f5a46 color description : Very dark grayish yellow.

The hexadecimal color #5f5a46 has RGB values of R:95, G:90, B:70 and CMYK values of C:0, M:0.05, Y:0.26, K:0.63. Its decimal value is 6249030.

Hex triplet	5f5a46	`#5f5a46`
RGB Decimal	95, 90, 70	`rgb(95,90,70)`
RGB Percent	37.3, 35.3, 27.5	`rgb(37.3%,35.3%,27.5%)`
CMYK	0, 5, 26, 63
HSL	48°, 15.2, 32.4	`hsl(48,15.2%,32.4%)`
HSV (or HSB)	48°, 26.3, 37.3
Web Safe	666633	`#666633`

CIE-LAB	38.177, -1.636, 12.305
XYZ	9.481, 10.188, 7.261
xyY	0.352, 0.378, 10.188
CIE-LCH	38.177, 12.413, 97.576
CIE-LUV	38.177, 4.059, 14.77
Hunter-Lab	31.918, -2.835, 8.855
Binary	01011111, 01011010, 01000110

#5f5a46
```
#5f5a46 rgb(95,90,70)
```
#464b5f
```
#464b5f rgb(70,75,95)
```

Complementary Color

#5f4e46
```
#5f4e46 rgb(95,78,70)
```
#5f5a46
```
#5f5a46 rgb(95,90,70)
```
#585f46
```
#585f46 rgb(88,95,70)
```

Analogous Color

#4e465f
```
#4e465f rgb(78,70,95)
```
#5f5a46
```
#5f5a46 rgb(95,90,70)
```
#46585f
```
#46585f rgb(70,88,95)
```

Split Complementary Color

#5a465f
```
#5a465f rgb(90,70,95)
```
#5f5a46
```
#5f5a46 rgb(95,90,70)
```
#465f5a
```
#465f5a rgb(70,95,90)
```

Triadic Color

#5f464b
```
#5f464b rgb(95,70,75)
```
#5f5a46
```
#5f5a46 rgb(95,90,70)
```
#465f5a
```
#465f5a rgb(70,95,90)
```
#464b5f
```
#464b5f rgb(70,75,95)
```

Tetradic Color

#333026
```
#333026 rgb(51,48,38)
```
#423e30
```
#423e30 rgb(66,62,48)
```
#504c3b
```
#504c3b rgb(80,76,59)
```
#5f5a46
```
#5f5a46 rgb(95,90,70)
```
#6e6851
```
#6e6851 rgb(110,104,81)
```
#7c765c
```
#7c765c rgb(124,118,92)
```
#8b8466
```
#8b8466 rgb(139,132,102)
```

Monochromatic Color

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

#5f5446
```
#5f5446 rgb(95,84,70)
```
#5f5646
```
#5f5646 rgb(95,86,70)
```
#5f5846
```
#5f5846 rgb(95,88,70)
```
#5f5a46
```
#5f5a46 rgb(95,90,70)
```
#5f5c46
```
#5f5c46 rgb(95,92,70)
```
#5f5e46
```
#5f5e46 rgb(95,94,70)
```
#5e5f46
```
#5e5f46 rgb(94,95,70)
```

Similar Colors

Text with hexadecimal color #5f5a46

This text has a font color of #5f5a46.

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

#5f5a46 background color

This paragraph has a background color of #5f5a46.

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

#5f5a46 border color

This element has a border color of #5f5a46.

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

CSS codes

.text {color:#5f5a46;}

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

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

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

#050403
```
#050403 rgb(5,4,3)
```
#100f0c
```
#100f0c rgb(16,15,12)
```
#1b1a14
```
#1b1a14 rgb(27,26,20)
```
#27251c
```
#27251c rgb(39,37,28)
```
#322f25
```
#322f25 rgb(50,47,37)
```
#3d3a2d
```
#3d3a2d rgb(61,58,45)
```
#484535
```
#484535 rgb(72,69,53)
```
#544f3e
```
#544f3e rgb(84,79,62)
```
#5f5a46
```
#5f5a46 rgb(95,90,70)
```
#6a654e
```
#6a654e rgb(106,101,78)
```
#766f57
```
#766f57 rgb(118,111,87)
```
#817a5f
```
#817a5f rgb(129,122,95)
```
#8c8567
```
#8c8567 rgb(140,133,103)
```

Shade Color Variation

#968f71
```
#968f71 rgb(150,143,113)
```
#9f987c
```
#9f987c rgb(159,152,124)
```
#a7a187
```
#a7a187 rgb(167,161,135)
```
#afaa93
```
#afaa93 rgb(175,170,147)
```
#b8b29e
```
#b8b29e rgb(184,178,158)
```
#c0bba9
```
#c0bba9 rgb(192,187,169)
```
#c8c4b5
```
#c8c4b5 rgb(200,196,181)
```
#d0cdc0
```
#d0cdc0 rgb(208,205,192)
```
#d9d6cb
```
#d9d6cb rgb(217,214,203)
```
#e1dfd6
```
#e1dfd6 rgb(225,223,214)
```
#e9e8e2
```
#e9e8e2 rgb(233,232,226)
```
#f2f1ed
```
#f2f1ed rgb(242,241,237)
```
#fafaf8
```
#fafaf8 rgb(250,250,248)
```

Tint Color Variation

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

#59564c
```
#59564c rgb(89,86,76)
```
#5f5a46
```
#5f5a46 rgb(95,90,70)
```
#655e40
```
#655e40 rgb(101,94,64)
```
#6c6239
```
#6c6239 rgb(108,98,57)
```
#726533
```
#726533 rgb(114,101,51)
```
#78692d
```
#78692d rgb(120,105,45)
```
#7f6d26
```
#7f6d26 rgb(127,109,38)
```
#857120
```
#857120 rgb(133,113,32)
```
#8b751a
```
#8b751a rgb(139,117,26)
```
#927813
```
#927813 rgb(146,120,19)
```
#987c0d
```
#987c0d rgb(152,124,13)
```
#9e8007
```
#9e8007 rgb(158,128,7)
```
#a58400
```
#a58400 rgb(165,132,0)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#5a5955 Atypical Achromatopsia 0.001% of the population

Dichromacy

#68624f Protanopia 1% of men
#715e50 Deuteranopia 1% of men
#6a5f66 Tritanopia 0.001% of the population

Trichromacy

#645f4c Protanomaly 1% of men, 0.01% of women
#6a5d4c Deuteranomaly 6% of men, 0.4% of women
#665d5a Tritanomaly 0.01% of the population

#5f5a46 hex color

#5f5a46 Color Information

#5f5a46 Color Conversion

Color Schemes with #5f5a46

Alternatives to #5f5a46

#5f5a46 Preview

Shades and Tints of #5f5a46

Tones of #5f5a46

Color Blindness Simulator