#646648 hex color

In a RGB color space, hex #646648 is composed of 39.2% red, 40% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 0% magenta, 29.4% yellow and 60% black. It has a hue angle of 64 degrees, a saturation of 17.2% and a lightness of 34.1%. #646648 color hex could be obtained by blending #c8cc90 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 39
- G 40
- B 28
RGB color chart
- C 2
- M 0
- Y 29
- K 60
CMYK color chart

● #646648 color description : Very dark grayish yellow.

The hexadecimal color #646648 has RGB values of R:100, G:102, B:72 and CMYK values of C:0.02, M:0, Y:0.29, K:0.6. Its decimal value is 6579784.

Hex triplet	646648	`#646648`
RGB Decimal	100, 102, 72	`rgb(100,102,72)`
RGB Percent	39.2, 40, 28.2	`rgb(39.2%,40%,28.2%)`
CMYK	2, 0, 29, 60
HSL	64°, 17.2, 34.1	`hsl(64,17.2%,34.1%)`
HSV (or HSB)	64°, 29.4, 40
Web Safe	666633	`#666633`

CIE-LAB	42.277, -6.237, 16.748
XYZ	11.176, 12.68, 7.989
xyY	0.351, 0.398, 12.68
CIE-LCH	42.277, 17.872, 110.424
CIE-LUV	42.277, 0.301, 20.934
Hunter-Lab	35.609, -6.291, 11.624
Binary	01100100, 01100110, 01001000

#646648
```
#646648 rgb(100,102,72)
```
#4a4866
```
#4a4866 rgb(74,72,102)
```

Complementary Color

#665948
```
#665948 rgb(102,89,72)
```
#646648
```
#646648 rgb(100,102,72)
```
#556648
```
#556648 rgb(85,102,72)
```

Analogous Color

#594866
```
#594866 rgb(89,72,102)
```
#646648
```
#646648 rgb(100,102,72)
```
#485566
```
#485566 rgb(72,85,102)
```

Split Complementary Color

#664864
```
#664864 rgb(102,72,100)
```
#646648
```
#646648 rgb(100,102,72)
```
#486466
```
#486466 rgb(72,100,102)
```

Triadic Color

#664a48
```
#664a48 rgb(102,74,72)
```
#646648
```
#646648 rgb(100,102,72)
```
#486466
```
#486466 rgb(72,100,102)
```
#4a4866
```
#4a4866 rgb(74,72,102)
```

Tetradic Color

#383928
```
#383928 rgb(56,57,40)
```
#474833
```
#474833 rgb(71,72,51)
```
#55573d
```
#55573d rgb(85,87,61)
```
#646648
```
#646648 rgb(100,102,72)
```
#737553
```
#737553 rgb(115,117,83)
```
#81845d
```
#81845d rgb(129,132,93)
```
#909368
```
#909368 rgb(144,147,104)
```

Monochromatic Color

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

#666148
```
#666148 rgb(102,97,72)
```
#666348
```
#666348 rgb(102,99,72)
```
#666648
```
#666648 rgb(102,102,72)
```
#646648
```
#646648 rgb(100,102,72)
```
#626648
```
#626648 rgb(98,102,72)
```
#5f6648
```
#5f6648 rgb(95,102,72)
```
#5d6648
```
#5d6648 rgb(93,102,72)
```

Similar Colors

Text with hexadecimal color #646648

This text has a font color of #646648.

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

#646648 background color

This paragraph has a background color of #646648.

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

#646648 border color

This element has a border color of #646648.

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

CSS codes

.text {color:#646648;}

.background {background-color:#646648;}

.border {border:1px solid #646648;}

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, #0a0a07 is the darkest color, while #fefefe is the lightest one.

#0a0a07
```
#0a0a07 rgb(10,10,7)
```
#15160f
```
#15160f rgb(21,22,15)
```
#202117
```
#202117 rgb(32,33,23)
```
#2c2d1f
```
#2c2d1f rgb(44,45,31)
```
#373828
```
#373828 rgb(55,56,40)
```
#424430
```
#424430 rgb(66,68,48)
```
#4d4f38
```
#4d4f38 rgb(77,79,56)
```
#595b40
```
#595b40 rgb(89,91,64)
```
#646648
```
#646648 rgb(100,102,72)
```
#6f7150
```
#6f7150 rgb(111,113,80)
```
#7b7d58
```
#7b7d58 rgb(123,125,88)
```
#868860
```
#868860 rgb(134,136,96)
```
#919468
```
#919468 rgb(145,148,104)
```

Shade Color Variation

#9a9d74
```
#9a9d74 rgb(154,157,116)
```
#a2a57f
```
#a2a57f rgb(162,165,127)
```
#aaad8b
```
#aaad8b rgb(170,173,139)
```
#b3b596
```
#b3b596 rgb(179,181,150)
```
#bbbda2
```
#bbbda2 rgb(187,189,162)
```
#c4c5ad
```
#c4c5ad rgb(196,197,173)
```
#cccdb9
```
#cccdb9 rgb(204,205,185)
```
#d4d5c4
```
#d4d5c4 rgb(212,213,196)
```
#ddddd0
```
#ddddd0 rgb(221,221,208)
```
#e5e6db
```
#e5e6db rgb(229,230,219)
```
#edeee7
```
#edeee7 rgb(237,238,231)
```
#f6f6f2
```
#f6f6f2 rgb(246,246,242)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#585955
```
#585955 rgb(88,89,85)
```
#5e5f4f
```
#5e5f4f rgb(94,95,79)
```
#646648
```
#646648 rgb(100,102,72)
```
#6a6d41
```
#6a6d41 rgb(106,109,65)
```
#70733b
```
#70733b rgb(112,115,59)
```
#757a34
```
#757a34 rgb(117,122,52)
```
#7b812d
```
#7b812d rgb(123,129,45)
```
#818727
```
#818727 rgb(129,135,39)
```
#878e20
```
#878e20 rgb(135,142,32)
```
#8d9519
```
#8d9519 rgb(141,149,25)
```
#929c12
```
#929c12 rgb(146,156,18)
```
#98a20c
```
#98a20c rgb(152,162,12)
```
#9ea905
```
#9ea905 rgb(158,169,5)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#62635d Atypical Achromatopsia 0.001% of the population

Dichromacy

#736b50 Protanopia 1% of men
#7e6753 Deuteranopia 1% of men
#706971 Tritanopia 0.001% of the population

Trichromacy

#6d694d Protanomaly 1% of men, 0.01% of women
#74674f Deuteranomaly 6% of men, 0.4% of women
#6c6862 Tritanomaly 0.01% of the population

#646648 hex color

#646648 Color Information

#646648 Color Conversion

Color Schemes with #646648

Alternatives to #646648

#646648 Preview

Shades and Tints of #646648

Tones of #646648

Color Blindness Simulator