#664e48 hex color

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

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

● #664e48 color description : Very dark grayish red.

The hexadecimal color #664e48 has RGB values of R:102, G:78, B:72 and CMYK values of C:0, M:0.24, Y:0.29, K:0.6. Its decimal value is 6704712.

Hex triplet	664e48	`#664e48`
RGB Decimal	102, 78, 72	`rgb(102,78,72)`
RGB Percent	40, 30.6, 28.2	`rgb(40%,30.6%,28.2%)`
CMYK	0, 24, 29, 60
HSL	12°, 17.2, 34.1	`hsl(12,17.2%,34.1%)`
HSV (or HSB)	12°, 29.4, 40
Web Safe	666633	`#666633`

CIE-LAB	35.482, 9.1, 7.424
XYZ	9.374, 8.742, 7.324
xyY	0.368, 0.344, 8.742
CIE-LCH	35.482, 11.745, 39.208
CIE-LUV	35.482, 15.19, 7.337
Hunter-Lab	29.566, 4.849, 6.009
Binary	01100110, 01001110, 01001000

#664e48
```
#664e48 rgb(102,78,72)
```
#486066
```
#486066 rgb(72,96,102)
```

Complementary Color

#664851
```
#664851 rgb(102,72,81)
```
#664e48
```
#664e48 rgb(102,78,72)
```
#665d48
```
#665d48 rgb(102,93,72)
```

Analogous Color

#485166
```
#485166 rgb(72,81,102)
```
#664e48
```
#664e48 rgb(102,78,72)
```
#48665d
```
#48665d rgb(72,102,93)
```

Split Complementary Color

#4e4866
```
#4e4866 rgb(78,72,102)
```
#664e48
```
#664e48 rgb(102,78,72)
```
#48664e
```
#48664e rgb(72,102,78)
```

Triadic Color

#664860
```
#664860 rgb(102,72,96)
```
#664e48
```
#664e48 rgb(102,78,72)
```
#48664e
```
#48664e rgb(72,102,78)
```
#486066
```
#486066 rgb(72,96,102)
```

Tetradic Color

#392c28
```
#392c28 rgb(57,44,40)
```
#483733
```
#483733 rgb(72,55,51)
```
#57433d
```
#57433d rgb(87,67,61)
```
#664e48
```
#664e48 rgb(102,78,72)
```
#755953
```
#755953 rgb(117,89,83)
```
#84655d
```
#84655d rgb(132,101,93)
```
#937068
```
#937068 rgb(147,112,104)
```

Monochromatic Color

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

#66484a
```
#66484a rgb(102,72,74)
```
#664948
```
#664948 rgb(102,73,72)
```
#664c48
```
#664c48 rgb(102,76,72)
```
#664e48
```
#664e48 rgb(102,78,72)
```
#665148
```
#665148 rgb(102,81,72)
```
#665348
```
#665348 rgb(102,83,72)
```
#665648
```
#665648 rgb(102,86,72)
```

Similar Colors

Text with hexadecimal color #664e48

This text has a font color of #664e48.

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

#664e48 background color

This paragraph has a background color of #664e48.

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

#664e48 border color

This element has a border color of #664e48.

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

CSS codes

.text {color:#664e48;}

.background {background-color:#664e48;}

.border {border:1px solid #664e48;}

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

#0a0807
```
#0a0807 rgb(10,8,7)
```
#16100f
```
#16100f rgb(22,16,15)
```
#211917
```
#211917 rgb(33,25,23)
```
#2d221f
```
#2d221f rgb(45,34,31)
```
#382b28
```
#382b28 rgb(56,43,40)
```
#443430
```
#443430 rgb(68,52,48)
```
#4f3c38
```
#4f3c38 rgb(79,60,56)
```
#5b4540
```
#5b4540 rgb(91,69,64)
```
#664e48
```
#664e48 rgb(102,78,72)
```
#715750
```
#715750 rgb(113,87,80)
```
#7d6058
```
#7d6058 rgb(125,96,88)
```
#886860
```
#886860 rgb(136,104,96)
```
#947168
```
#947168 rgb(148,113,104)
```

Shade Color Variation

#9d7c74
```
#9d7c74 rgb(157,124,116)
```
#a5877f
```
#a5877f rgb(165,135,127)
```
#ad918b
```
#ad918b rgb(173,145,139)
```
#b59c96
```
#b59c96 rgb(181,156,150)
```
#bda7a2
```
#bda7a2 rgb(189,167,162)
```
#c5b2ad
```
#c5b2ad rgb(197,178,173)
```
#cdbdb9
```
#cdbdb9 rgb(205,189,185)
```
#d5c7c4
```
#d5c7c4 rgb(213,199,196)
```
#ddd2d0
```
#ddd2d0 rgb(221,210,208)
```
#e6dddb
```
#e6dddb rgb(230,221,219)
```
#eee8e7
```
#eee8e7 rgb(238,232,231)
```
#f6f3f2
```
#f6f3f2 rgb(246,243,242)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#595655
```
#595655 rgb(89,86,85)
```
#5f524f
```
#5f524f rgb(95,82,79)
```
#664e48
```
#664e48 rgb(102,78,72)
```
#6d4a41
```
#6d4a41 rgb(109,74,65)
```
#73463b
```
#73463b rgb(115,70,59)
```
#7a4234
```
#7a4234 rgb(122,66,52)
```
#813e2d
```
#813e2d rgb(129,62,45)
```
#873a27
```
#873a27 rgb(135,58,39)
```
#8e3620
```
#8e3620 rgb(142,54,32)
```
#953219
```
#953219 rgb(149,50,25)
```
#9c2e12
```
#9c2e12 rgb(156,46,18)
```
#a22a0c
```
#a22a0c rgb(162,42,12)
```
#a92605
```
#a92605 rgb(169,38,5)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#585352 Atypical Achromatopsia 0.001% of the population

Dichromacy

#605c53 Protanopia 1% of men
#695950 Deuteranopia 1% of men
#6f555b Tritanopia 0.001% of the population

Trichromacy

#62564f Protanomaly 1% of men, 0.01% of women
#67554d Deuteranomaly 6% of men, 0.4% of women
#6b5254 Tritanomaly 0.01% of the population

#664e48 hex color

#664e48 Color Information

#664e48 Color Conversion

Color Schemes with #664e48

Alternatives to #664e48

#664e48 Preview

Shades and Tints of #664e48

Tones of #664e48

Color Blindness Simulator