#5f6a48 hex color

In a RGB color space, hex #5f6a48 is composed of 37.3% red, 41.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 0% magenta, 32.1% yellow and 58.4% black. It has a hue angle of 79.4 degrees, a saturation of 19.1% and a lightness of 34.9%. #5f6a48 color hex could be obtained by blending #bed490 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 37
- G 42
- B 28
RGB color chart
- C 10
- M 0
- Y 32
- K 58
CMYK color chart

● #5f6a48 color description : Very dark grayish green.

The hexadecimal color #5f6a48 has RGB values of R:95, G:106, B:72 and CMYK values of C:0.1, M:0, Y:0.32, K:0.58. Its decimal value is 6253128.

Hex triplet	5f6a48	`#5f6a48`
RGB Decimal	95, 106, 72	`rgb(95,106,72)`
RGB Percent	37.3, 41.6, 28.2	`rgb(37.3%,41.6%,28.2%)`
CMYK	10, 0, 32, 58
HSL	79.4°, 19.1, 34.9	`hsl(79.4,19.1%,34.9%)`
HSV (or HSB)	79.4°, 32.1, 41.6
Web Safe	666633	`#666633`

CIE-LAB	43.076, -10.661, 17.747
XYZ	11.043, 13.209, 8.098
xyY	0.341, 0.408, 13.209
CIE-LCH	43.076, 20.703, 120.995
CIE-LUV	43.076, -4.841, 22.875
Hunter-Lab	36.344, -9.366, 12.229
Binary	01011111, 01101010, 01001000

#5f6a48
```
#5f6a48 rgb(95,106,72)
```
#53486a
```
#53486a rgb(83,72,106)
```

Complementary Color

#6a6448
```
#6a6448 rgb(106,100,72)
```
#5f6a48
```
#5f6a48 rgb(95,106,72)
```
#4e6a48
```
#4e6a48 rgb(78,106,72)
```

Analogous Color

#64486a
```
#64486a rgb(100,72,106)
```
#5f6a48
```
#5f6a48 rgb(95,106,72)
```
#484e6a
```
#484e6a rgb(72,78,106)
```

Split Complementary Color

#6a485f
```
#6a485f rgb(106,72,95)
```
#5f6a48
```
#5f6a48 rgb(95,106,72)
```
#485f6a
```
#485f6a rgb(72,95,106)
```

Triadic Color

#6a5348
```
#6a5348 rgb(106,83,72)
```
#5f6a48
```
#5f6a48 rgb(95,106,72)
```
#485f6a
```
#485f6a rgb(72,95,106)
```
#53486a
```
#53486a rgb(83,72,106)
```

Tetradic Color

#363c29
```
#363c29 rgb(54,60,41)
```
#444c33
```
#444c33 rgb(68,76,51)
```
#515b3e
```
#515b3e rgb(81,91,62)
```
#5f6a48
```
#5f6a48 rgb(95,106,72)
```
#6d7952
```
#6d7952 rgb(109,121,82)
```
#7a885d
```
#7a885d rgb(122,136,93)
```
#889867
```
#889867 rgb(136,152,103)
```

Monochromatic Color

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

#686a48
```
#686a48 rgb(104,106,72)
```
#656a48
```
#656a48 rgb(101,106,72)
```
#626a48
```
#626a48 rgb(98,106,72)
```
#5f6a48
```
#5f6a48 rgb(95,106,72)
```
#5c6a48
```
#5c6a48 rgb(92,106,72)
```
#596a48
```
#596a48 rgb(89,106,72)
```
#576a48
```
#576a48 rgb(87,106,72)
```

Similar Colors

Text with hexadecimal color #5f6a48

This text has a font color of #5f6a48.

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

#5f6a48 background color

This paragraph has a background color of #5f6a48.

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

#5f6a48 border color

This element has a border color of #5f6a48.

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

CSS codes

.text {color:#5f6a48;}

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

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

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 #f7f8f4 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0b0d09
```
#0b0d09 rgb(11,13,9)
```
#161810
```
#161810 rgb(22,24,16)
```
#202418
```
#202418 rgb(32,36,24)
```
#2b3020
```
#2b3020 rgb(43,48,32)
```
#353b28
```
#353b28 rgb(53,59,40)
```
#404730
```
#404730 rgb(64,71,48)
```
#4a5338
```
#4a5338 rgb(74,83,56)
```
#555e40
```
#555e40 rgb(85,94,64)
```
#5f6a48
```
#5f6a48 rgb(95,106,72)
```
#697650
```
#697650 rgb(105,118,80)
```
#748158
```
#748158 rgb(116,129,88)
```
#7e8d60
```
#7e8d60 rgb(126,141,96)
```

Shade Color Variation

#899868
```
#899868 rgb(137,152,104)
```
#92a074
```
#92a074 rgb(146,160,116)
```
#9ba87f
```
#9ba87f rgb(155,168,127)
```
#a4b08b
```
#a4b08b rgb(164,176,139)
```
#adb897
```
#adb897 rgb(173,184,151)
```
#b7c0a2
```
#b7c0a2 rgb(183,192,162)
```
#c0c8ae
```
#c0c8ae rgb(192,200,174)
```
#c9d0ba
```
#c9d0ba rgb(201,208,186)
```
#d2d8c5
```
#d2d8c5 rgb(210,216,197)
```
#dbe0d1
```
#dbe0d1 rgb(219,224,209)
```
#e4e8dd
```
#e4e8dd rgb(228,232,221)
```
#edf0e9
```
#edf0e9 rgb(237,240,233)
```
#f7f8f4
```
#f7f8f4 rgb(247,248,244)
```

Tint Color Variation

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

#5a5c56
```
#5a5c56 rgb(90,92,86)
```
#5d634f
```
#5d634f rgb(93,99,79)
```
#5f6a48
```
#5f6a48 rgb(95,106,72)
```
#617141
```
#617141 rgb(97,113,65)
```
#64783a
```
#64783a rgb(100,120,58)
```
#667f33
```
#667f33 rgb(102,127,51)
```
#69852d
```
#69852d rgb(105,133,45)
```
#6b8c26
```
#6b8c26 rgb(107,140,38)
```
#6d931f
```
#6d931f rgb(109,147,31)
```
#709a18
```
#709a18 rgb(112,154,24)
```
#72a111
```
#72a111 rgb(114,161,17)
```
#75a80a
```
#75a80a rgb(117,168,10)
```
#77ae04
```
#77ae04 rgb(119,174,4)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#62645e Atypical Achromatopsia 0.001% of the population

Dichromacy

#756d4f Protanopia 1% of men
#806954 Deuteranopia 1% of men
#6d6d74 Tritanopia 0.001% of the population

Trichromacy

#6d6c4c Protanomaly 1% of men, 0.01% of women
#74694f Deuteranomaly 6% of men, 0.4% of women
#676c64 Tritanomaly 0.01% of the population

#5f6a48 hex color

#5f6a48 Color Information

#5f6a48 Color Conversion

Color Schemes with #5f6a48

Alternatives to #5f6a48

#5f6a48 Preview

Shades and Tints of #5f6a48

Tones of #5f6a48

Color Blindness Simulator