colorhexa.com

#646c4a hex color

In a RGB color space, hex #646c4a is composed of 39.2% red, 42.4% green and 29% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 31.5% yellow and 57.6% black. It has a hue angle of 74.1 degrees, a saturation of 18.7% and a lightness of 35.7%. #646c4a color hex could be obtained by blending #c8d894 with #000000. Closest websafe color is: #666633.

- R 39
- G 42
- B 29
RGB color chart
- C 7
- M 0
- Y 31
- K 58
CMYK color chart

● #646c4a color description : Very dark grayish yellow.

The hexadecimal color #646c4a has RGB values of R:100, G:108, B:74 and CMYK values of C:0.07, M:0, Y:0.31, K:0.58. Its decimal value is 6581322.

Hex triplet	646c4a	`#646c4a`
RGB Decimal	100, 108, 74	`rgb(100,108,74)`
RGB Percent	39.2, 42.4, 29	`rgb(39.2%,42.4%,29%)`
CMYK	7, 0, 31, 58
HSL	74.1°, 18.7, 35.7	`hsl(74.1,18.7%,35.7%)`
HSV (or HSB)	74.1°, 31.5, 42.4
Web Safe	666633	`#666633`

CIE-LAB	44.131, -9.374, 18.055
XYZ	11.854, 13.929, 8.542
xyY	0.345, 0.406, 13.929
CIE-LCH	44.131, 20.343, 117.437
CIE-LUV	44.131, -3.108, 23.178
Hunter-Lab	37.321, -8.618, 12.554
Binary	01100100, 01101100, 01001010

#646c4a
```
#646c4a rgb(100,108,74)
```
#524a6c
```
#524a6c rgb(82,74,108)
```

Complementary Color

#6c634a
```
#6c634a rgb(108,99,74)
```
#646c4a
```
#646c4a rgb(100,108,74)
```
#536c4a
```
#536c4a rgb(83,108,74)
```

Analogous Color

#634a6c
```
#634a6c rgb(99,74,108)
```
#646c4a
```
#646c4a rgb(100,108,74)
```
#4a536c
```
#4a536c rgb(74,83,108)
```

Split Complementary Color

#6c4a64
```
#6c4a64 rgb(108,74,100)
```
#646c4a
```
#646c4a rgb(100,108,74)
```
#4a646c
```
#4a646c rgb(74,100,108)
```

Triadic Color

#6c524a
```
#6c524a rgb(108,82,74)
```
#646c4a
```
#646c4a rgb(100,108,74)
```
#4a646c
```
#4a646c rgb(74,100,108)
```
#524a6c
```
#524a6c rgb(82,74,108)
```

Tetradic Color

#3a3f2b
```
#3a3f2b rgb(58,63,43)
```
#484e35
```
#484e35 rgb(72,78,53)
```
#565d40
```
#565d40 rgb(86,93,64)
```
#646c4a
```
#646c4a rgb(100,108,74)
```
#727b54
```
#727b54 rgb(114,123,84)
```
#808a5f
```
#808a5f rgb(128,138,95)
```
#8e996a
```
#8e996a rgb(142,153,106)
```

Monochromatic Color

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

#6c6c4a
```
#6c6c4a rgb(108,108,74)
```
#6a6c4a
```
#6a6c4a rgb(106,108,74)
```
#676c4a
```
#676c4a rgb(103,108,74)
```
#646c4a
```
#646c4a rgb(100,108,74)
```
#616c4a
```
#616c4a rgb(97,108,74)
```
#5e6c4a
```
#5e6c4a rgb(94,108,74)
```
#5c6c4a
```
#5c6c4a rgb(92,108,74)
```

Similar Colors

Text with hexadecimal color #646c4a

This text has a font color of #646c4a.

<span style="color:#646c4a;">Text here</span>

#646c4a background color

This paragraph has a background color of #646c4a.

<p style="background-color:#646c4a;">Content here</p>

#646c4a border color

This element has a border color of #646c4a.

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

CSS codes

.text {color:#646c4a;}

.background {background-color:#646c4a;}

.border {border:1px solid #646c4a;}

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

#030302
```
#030302 rgb(3,3,2)
```
#0e0f0a
```
#0e0f0a rgb(14,15,10)
```
#191b12
```
#191b12 rgb(25,27,18)
```
#23261a
```
#23261a rgb(35,38,26)
```
#2e3222
```
#2e3222 rgb(46,50,34)
```
#393d2a
```
#393d2a rgb(57,61,42)
```
#444932
```
#444932 rgb(68,73,50)
```
#4e553a
```
#4e553a rgb(78,85,58)
```
#596042
```
#596042 rgb(89,96,66)
```
#646c4a
```
#646c4a rgb(100,108,74)
```
#6f7852
```
#6f7852 rgb(111,120,82)
```
#7a835a
```
#7a835a rgb(122,131,90)
```
#848f62
```
#848f62 rgb(132,143,98)
```

Shade Color Variation

#8f9a6b
```
#8f9a6b rgb(143,154,107)
```
#97a277
```
#97a277 rgb(151,162,119)
```
#a0a982
```
#a0a982 rgb(160,169,130)
```
#a9b18e
```
#a9b18e rgb(169,177,142)
```
#b2b999
```
#b2b999 rgb(178,185,153)
```
#bbc1a5
```
#bbc1a5 rgb(187,193,165)
```
#c4c9b1
```
#c4c9b1 rgb(196,201,177)
```
#ccd1bc
```
#ccd1bc rgb(204,209,188)
```
#d5d9c8
```
#d5d9c8 rgb(213,217,200)
```
#dee1d4
```
#dee1d4 rgb(222,225,212)
```
#e7e9df
```
#e7e9df rgb(231,233,223)
```
#f0f1eb
```
#f0f1eb rgb(240,241,235)
```
#f9f9f7
```
#f9f9f7 rgb(249,249,247)
```

Tint Color Variation

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

#5d5e58
```
#5d5e58 rgb(93,94,88)
```
#606551
```
#606551 rgb(96,101,81)
```
#646c4a
```
#646c4a rgb(100,108,74)
```
#687343
```
#687343 rgb(104,115,67)
```
#6b7a3c
```
#6b7a3c rgb(107,122,60)
```
#6f8135
```
#6f8135 rgb(111,129,53)
```
#73882e
```
#73882e rgb(115,136,46)
```
#778f27
```
#778f27 rgb(119,143,39)
```
#7a9620
```
#7a9620 rgb(122,150,32)
```
#7e9d19
```
#7e9d19 rgb(126,157,25)
```
#82a412
```
#82a412 rgb(130,164,18)
```
#85ab0b
```
#85ab0b rgb(133,171,11)
```
#89b204
```
#89b204 rgb(137,178,4)
```

Tone Color Variation

Below, you can see how #646c4a 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

#666666 Achromatopsia 0.005% of the population
#666760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#787051 Protanopia 1% of men
#836b55 Deuteranopia 1% of men
#716f76 Tritanopia 0.001% of the population

Trichromacy

#716e4f Protanomaly 1% of men, 0.01% of women
#776b51 Deuteranomaly 6% of men, 0.4% of women
#6c6d66 Tritanomaly 0.01% of the population