#4c684e hex color

In a RGB color space, hex #4c684e is composed of 29.8% red, 40.8% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 26.9% cyan, 0% magenta, 25% yellow and 59.2% black. It has a hue angle of 124.3 degrees, a saturation of 15.6% and a lightness of 35.3%. #4c684e color hex could be obtained by blending #98d09c with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 30
- G 41
- B 31
RGB color chart
- C 27
- M 0
- Y 25
- K 59
CMYK color chart

● #4c684e color description : Very dark grayish lime green.

The hexadecimal color #4c684e has RGB values of R:76, G:104, B:78 and CMYK values of C:0.27, M:0, Y:0.25, K:0.59. Its decimal value is 5007438.

Hex triplet	4c684e	`#4c684e`
RGB Decimal	76, 104, 78	`rgb(76,104,78)`
RGB Percent	29.8, 40.8, 30.6	`rgb(29.8%,40.8%,30.6%)`
CMYK	27, 0, 25, 59
HSL	124.3°, 15.6, 35.3	`hsl(124.3,15.6%,35.3%)`
HSV (or HSB)	124.3°, 26.9, 40.8
Web Safe	336666	`#336666`

CIE-LAB	41.195, -16.084, 11.392
XYZ	9.306, 11.987, 9.031
xyY	0.307, 0.395, 11.987
CIE-LCH	41.195, 19.71, 144.69
CIE-LUV	41.195, -13.75, 16.416
Hunter-Lab	34.622, -12.612, 8.77
Binary	01001100, 01101000, 01001110

#4c684e
```
#4c684e rgb(76,104,78)
```
#684c66
```
#684c66 rgb(104,76,102)
```

Complementary Color

#58684c
```
#58684c rgb(88,104,76)
```
#4c684e
```
#4c684e rgb(76,104,78)
```
#4c685c
```
#4c685c rgb(76,104,92)
```

Analogous Color

#684c58
```
#684c58 rgb(104,76,88)
```
#4c684e
```
#4c684e rgb(76,104,78)
```
#5c4c68
```
#5c4c68 rgb(92,76,104)
```

Split Complementary Color

#684e4c
```
#684e4c rgb(104,78,76)
```
#4c684e
```
#4c684e rgb(76,104,78)
```
#4e4c68
```
#4e4c68 rgb(78,76,104)
```

Triadic Color

#66684c
```
#66684c rgb(102,104,76)
```
#4c684e
```
#4c684e rgb(76,104,78)
```
#4e4c68
```
#4e4c68 rgb(78,76,104)
```
#684c66
```
#684c66 rgb(104,76,102)
```

Tetradic Color

#2c3c2d
```
#2c3c2d rgb(44,60,45)
```
#364b38
```
#364b38 rgb(54,75,56)
```
#415943
```
#415943 rgb(65,89,67)
```
#4c684e
```
#4c684e rgb(76,104,78)
```
#577759
```
#577759 rgb(87,119,89)
```
#628564
```
#628564 rgb(98,133,100)
```
#6d946f
```
#6d946f rgb(109,148,111)
```

Monochromatic Color

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

#51684c
```
#51684c rgb(81,104,76)
```
#4f684c
```
#4f684c rgb(79,104,76)
```
#4c684c
```
#4c684c rgb(76,104,76)
```
#4c684e
```
#4c684e rgb(76,104,78)
```
#4c6850
```
#4c6850 rgb(76,104,80)
```
#4c6853
```
#4c6853 rgb(76,104,83)
```
#4c6855
```
#4c6855 rgb(76,104,85)
```

Similar Colors

Text with hexadecimal color #4c684e

This text has a font color of #4c684e.

<span style="color:#4c684e;">Text here</span>

#4c684e background color

This paragraph has a background color of #4c684e.

<p style="background-color:#4c684e;">Content here</p>

#4c684e border color

This element has a border color of #4c684e.

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

CSS codes

.text {color:#4c684e;}

.background {background-color:#4c684e;}

.border {border:1px solid #4c684e;}

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

#010201
```
#010201 rgb(1,2,1)
```
#0a0d0a
```
#0a0d0a rgb(10,13,10)
```
#121913
```
#121913 rgb(18,25,19)
```
#1a241b
```
#1a241b rgb(26,36,27)
```
#232f24
```
#232f24 rgb(35,47,36)
```
#2b3b2c
```
#2b3b2c rgb(43,59,44)
```
#334635
```
#334635 rgb(51,70,53)
```
#3b513d
```
#3b513d rgb(59,81,61)
```
#445d46
```
#445d46 rgb(68,93,70)
```
#4c684e
```
#4c684e rgb(76,104,78)
```
#547357
```
#547357 rgb(84,115,87)
```
#5d7f5f
```
#5d7f5f rgb(93,127,95)
```
#658a68
```
#658a68 rgb(101,138,104)
```

Shade Color Variation

#6e9570
```
#6e9570 rgb(110,149,112)
```
#799d7c
```
#799d7c rgb(121,157,124)
```
#84a587
```
#84a587 rgb(132,165,135)
```
#90ae92
```
#90ae92 rgb(144,174,146)
```
#9bb69d
```
#9bb69d rgb(155,182,157)
```
#a6bea8
```
#a6bea8 rgb(166,190,168)
```
#b2c6b3
```
#b2c6b3 rgb(178,198,179)
```
#bdcfbe
```
#bdcfbe rgb(189,207,190)
```
#c8d7c9
```
#c8d7c9 rgb(200,215,201)
```
#d4dfd5
```
#d4dfd5 rgb(212,223,213)
```
#dfe8e0
```
#dfe8e0 rgb(223,232,224)
```
#eaf0eb
```
#eaf0eb rgb(234,240,235)
```
#f6f8f6
```
#f6f8f6 rgb(246,248,246)
```

Tint Color Variation

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

#5a5a5a
```
#5a5a5a rgb(90,90,90)
```
#536154
```
#536154 rgb(83,97,84)
```
#4c684e
```
#4c684e rgb(76,104,78)
```
#456f48
```
#456f48 rgb(69,111,72)
```
#3e7642
```
#3e7642 rgb(62,118,66)
```
#377d3c
```
#377d3c rgb(55,125,60)
```
#308436
```
#308436 rgb(48,132,54)
```
#298b30
```
#298b30 rgb(41,139,48)
```
#22922a
```
#22922a rgb(34,146,42)
```
#1c9824
```
#1c9824 rgb(28,152,36)
```
#159f1f
```
#159f1f rgb(21,159,31)
```
#0ea619
```
#0ea619 rgb(14,166,25)
```
#07ad13
```
#07ad13 rgb(7,173,19)
```

Tone Color Variation

Below, you can see how #4c684e 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

#5d5d5d Achromatopsia 0.005% of the population
#5a5f5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6954 Protanopia 1% of men
#78655a Deuteranopia 1% of men
#5b6b73 Tritanopia 0.001% of the population

Trichromacy

#626851 Protanomaly 1% of men, 0.01% of women
#686655 Deuteranomaly 6% of men, 0.4% of women
#556a66 Tritanomaly 0.01% of the population

#4c684e hex color

#4c684e Color Information

#4c684e Color Conversion

Color Schemes with #4c684e

Alternatives to #4c684e

#4c684e Preview

Shades and Tints of #4c684e

Tones of #4c684e

Color Blindness Simulator