colorhexa.com

#5c684b hex color

In a RGB color space, hex #5c684b is composed of 36.1% red, 40.8% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 11.5% cyan, 0% magenta, 27.9% yellow and 59.2% black. It has a hue angle of 84.8 degrees, a saturation of 16.2% and a lightness of 35.1%. #5c684b color hex could be obtained by blending #b8d096 with #000000. Closest websafe color is: #666633.

- R 36
- G 41
- B 29
RGB color chart
- C 12
- M 0
- Y 28
- K 59
CMYK color chart

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

The hexadecimal color #5c684b has RGB values of R:92, G:104, B:75 and CMYK values of C:0.12, M:0, Y:0.28, K:0.59. Its decimal value is 6056011.

Hex triplet	5c684b	`#5c684b`
RGB Decimal	92, 104, 75	`rgb(92,104,75)`
RGB Percent	36.1, 40.8, 29.4	`rgb(36.1%,40.8%,29.4%)`
CMYK	12, 0, 28, 59
HSL	84.8°, 16.2, 35.1	`hsl(84.8,16.2%,35.1%)`
HSV (or HSB)	84.8°, 27.9, 40.8
Web Safe	666633	`#666633`

CIE-LAB	42.283, -10.293, 14.863
XYZ	10.634, 12.684, 8.544
xyY	0.334, 0.398, 12.684
CIE-LCH	42.283, 18.079, 124.704
CIE-LUV	42.283, -5.535, 19.571
Hunter-Lab	35.614, -9.029, 10.706
Binary	01011100, 01101000, 01001011

#5c684b
```
#5c684b rgb(92,104,75)
```
#574b68
```
#574b68 rgb(87,75,104)
```

Complementary Color

#68664b
```
#68664b rgb(104,102,75)
```
#5c684b
```
#5c684b rgb(92,104,75)
```
#4e684b
```
#4e684b rgb(78,104,75)
```

Analogous Color

#664b68
```
#664b68 rgb(102,75,104)
```
#5c684b
```
#5c684b rgb(92,104,75)
```
#4b4e68
```
#4b4e68 rgb(75,78,104)
```

Split Complementary Color

#684b5c
```
#684b5c rgb(104,75,92)
```
#5c684b
```
#5c684b rgb(92,104,75)
```
#4b5c68
```
#4b5c68 rgb(75,92,104)
```

Triadic Color

#353c2b
```
#353c2b rgb(53,60,43)
```
#424a36
```
#424a36 rgb(66,74,54)
```
#4f5940
```
#4f5940 rgb(79,89,64)
```
#5c684b
```
#5c684b rgb(92,104,75)
```
#697756
```
#697756 rgb(105,119,86)
```
#768660
```
#768660 rgb(118,134,96)
```
#83946b
```
#83946b rgb(131,148,107)
```

Monochromatic Color

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

#63684b
```
#63684b rgb(99,104,75)
```
#61684b
```
#61684b rgb(97,104,75)
```
#5e684b
```
#5e684b rgb(94,104,75)
```
#5c684b
```
#5c684b rgb(92,104,75)
```
#5a684b
```
#5a684b rgb(90,104,75)
```
#57684b
```
#57684b rgb(87,104,75)
```
#55684b
```
#55684b rgb(85,104,75)
```

Similar Colors

Text with hexadecimal color #5c684b

This text has a font color of #5c684b.

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

#5c684b background color

This paragraph has a background color of #5c684b.

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

#5c684b border color

This element has a border color of #5c684b.

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

CSS codes

.text {color:#5c684b;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0b0d09
```
#0b0d09 rgb(11,13,9)
```
#151811
```
#151811 rgb(21,24,17)
```
#20241a
```
#20241a rgb(32,36,26)
```
#2a2f22
```
#2a2f22 rgb(42,47,34)
```
#343a2a
```
#343a2a rgb(52,58,42)
```
#3e4632
```
#3e4632 rgb(62,70,50)
```
#48513b
```
#48513b rgb(72,81,59)
```
#525d43
```
#525d43 rgb(82,93,67)
```
#5c684b
```
#5c684b rgb(92,104,75)
```
#667353
```
#667353 rgb(102,115,83)
```
#707f5b
```
#707f5b rgb(112,127,91)
```
#7a8a64
```
#7a8a64 rgb(122,138,100)
```

Shade Color Variation

#84956c
```
#84956c rgb(132,149,108)
```
#8e9d78
```
#8e9d78 rgb(142,157,120)
```
#97a683
```
#97a683 rgb(151,166,131)
```
#a1ae8e
```
#a1ae8e rgb(161,174,142)
```
#aab69a
```
#aab69a rgb(170,182,154)
```
#b4bea5
```
#b4bea5 rgb(180,190,165)
```
#bdc7b1
```
#bdc7b1 rgb(189,199,177)
```
#c7cfbc
```
#c7cfbc rgb(199,207,188)
```
#d1d7c7
```
#d1d7c7 rgb(209,215,199)
```
#dadfd3
```
#dadfd3 rgb(218,223,211)
```
#e4e7de
```
#e4e7de rgb(228,231,222)
```
#edf0ea
```
#edf0ea rgb(237,240,234)
```
#f7f8f5
```
#f7f8f5 rgb(247,248,245)
```

Tint Color Variation

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

#5a5a59
```
#5a5a59 rgb(90,90,89)
```
#5b6152
```
#5b6152 rgb(91,97,82)
```
#5c684b
```
#5c684b rgb(92,104,75)
```
#5d6f44
```
#5d6f44 rgb(93,111,68)
```
#5e763d
```
#5e763d rgb(94,118,61)
```
#607d36
```
#607d36 rgb(96,125,54)
```
#61842f
```
#61842f rgb(97,132,47)
```
#628a29
```
#628a29 rgb(98,138,41)
```
#639122
```
#639122 rgb(99,145,34)
```
#64981b
```
#64981b rgb(100,152,27)
```
#659f14
```
#659f14 rgb(101,159,20)
```
#67a60d
```
#67a60d rgb(103,166,13)
```
#68ad06
```
#68ad06 rgb(104,173,6)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#60625d Atypical Achromatopsia 0.001% of the population

Dichromacy

#736b52 Protanopia 1% of men
#7d6756 Deuteranopia 1% of men
#696b73 Tritanopia 0.001% of the population

Trichromacy

#6a6a4f Protanomaly 1% of men, 0.01% of women
#716752 Deuteranomaly 6% of men, 0.4% of women
#646a64 Tritanomaly 0.01% of the population