#664a46 hex color

In a RGB color space, hex #664a46 is composed of 40% red, 29% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.5% magenta, 31.4% yellow and 60% black. It has a hue angle of 7.5 degrees, a saturation of 18.6% and a lightness of 33.7%. #664a46 color hex could be obtained by blending #cc948c with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #664a46 has RGB values of R:102, G:74, B:70 and CMYK values of C:0, M:0.27, Y:0.31, K:0.6. Its decimal value is 6703686.

Hex triplet	664a46	`#664a46`
RGB Decimal	102, 74, 70	`rgb(102,74,70)`
RGB Percent	40, 29, 27.5	`rgb(40%,29%,27.5%)`
CMYK	0, 27, 31, 60
HSL	7.5°, 18.6, 33.7	`hsl(7.5,18.6%,33.7%)`
HSV (or HSB)	7.5°, 31.4, 40
Web Safe	663333	`#663333`

CIE-LAB	34.324, 11.267, 7.051
XYZ	9.034, 8.165, 6.894
xyY	0.375, 0.339, 8.165
CIE-LCH	34.324, 13.292, 32.038
CIE-LUV	34.324, 17.667, 6.474
Hunter-Lab	28.574, 6.427, 5.697
Binary	01100110, 01001010, 01000110

#664a46
```
#664a46 rgb(102,74,70)
```
#466266
```
#466266 rgb(70,98,102)
```

Complementary Color

#664652
```
#664652 rgb(102,70,82)
```
#664a46
```
#664a46 rgb(102,74,70)
```
#665a46
```
#665a46 rgb(102,90,70)
```

Analogous Color

#465266
```
#465266 rgb(70,82,102)
```
#664a46
```
#664a46 rgb(102,74,70)
```
#46665a
```
#46665a rgb(70,102,90)
```

Split Complementary Color

#4a4666
```
#4a4666 rgb(74,70,102)
```
#664a46
```
#664a46 rgb(102,74,70)
```
#46664a
```
#46664a rgb(70,102,74)
```

Triadic Color

#664662
```
#664662 rgb(102,70,98)
```
#664a46
```
#664a46 rgb(102,74,70)
```
#46664a
```
#46664a rgb(70,102,74)
```
#466266
```
#466266 rgb(70,98,102)
```

Tetradic Color

#392927
```
#392927 rgb(57,41,39)
```
#483431
```
#483431 rgb(72,52,49)
```
#573f3c
```
#573f3c rgb(87,63,60)
```
#664a46
```
#664a46 rgb(102,74,70)
```
#755550
```
#755550 rgb(117,85,80)
```
#84605b
```
#84605b rgb(132,96,91)
```
#936b65
```
#936b65 rgb(147,107,101)
```

Monochromatic Color

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

#66464a
```
#66464a rgb(102,70,74)
```
#664647
```
#664647 rgb(102,70,71)
```
#664746
```
#664746 rgb(102,71,70)
```
#664a46
```
#664a46 rgb(102,74,70)
```
#664d46
```
#664d46 rgb(102,77,70)
```
#664f46
```
#664f46 rgb(102,79,70)
```
#665246
```
#665246 rgb(102,82,70)
```

Similar Colors

Text with hexadecimal color #664a46

This text has a font color of #664a46.

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

#664a46 background color

This paragraph has a background color of #664a46.

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

#664a46 border color

This element has a border color of #664a46.

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

CSS codes

.text {color:#664a46;}

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

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

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

#090606
```
#090606 rgb(9,6,6)
```
#150f0e
```
#150f0e rgb(21,15,14)
```
#201716
```
#201716 rgb(32,23,22)
```
#2c201e
```
#2c201e rgb(44,32,30)
```
#372826
```
#372826 rgb(55,40,38)
```
#43312e
```
#43312e rgb(67,49,46)
```
#4f3936
```
#4f3936 rgb(79,57,54)
```
#5a423e
```
#5a423e rgb(90,66,62)
```
#664a46
```
#664a46 rgb(102,74,70)
```
#72524e
```
#72524e rgb(114,82,78)
```
#7d5b56
```
#7d5b56 rgb(125,91,86)
```
#89635e
```
#89635e rgb(137,99,94)
```
#956c66
```
#956c66 rgb(149,108,102)
```

Shade Color Variation

#9d7671
```
#9d7671 rgb(157,118,113)
```
#a5817c
```
#a5817c rgb(165,129,124)
```
#ad8d88
```
#ad8d88 rgb(173,141,136)
```
#b59894
```
#b59894 rgb(181,152,148)
```
#bda39f
```
#bda39f rgb(189,163,159)
```
#c5aeab
```
#c5aeab rgb(197,174,171)
```
#cdb9b7
```
#cdb9b7 rgb(205,185,183)
```
#d5c5c2
```
#d5c5c2 rgb(213,197,194)
```
#ddd0ce
```
#ddd0ce rgb(221,208,206)
```
#e5dbd9
```
#e5dbd9 rgb(229,219,217)
```
#ede6e5
```
#ede6e5 rgb(237,230,229)
```
#f5f1f1
```
#f5f1f1 rgb(245,241,241)
```
#fdfcfc
```
#fdfcfc rgb(253,252,252)
```

Tint Color Variation

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

#595453
```
#595453 rgb(89,84,83)
```
#5f4f4d
```
#5f4f4d rgb(95,79,77)
```
#664a46
```
#664a46 rgb(102,74,70)
```
#6d453f
```
#6d453f rgb(109,69,63)
```
#734039
```
#734039 rgb(115,64,57)
```
#7a3b32
```
#7a3b32 rgb(122,59,50)
```
#80362c
```
#80362c rgb(128,54,44)
```
#873125
```
#873125 rgb(135,49,37)
```
#8e2c1e
```
#8e2c1e rgb(142,44,30)
```
#942718
```
#942718 rgb(148,39,24)
```
#9b2211
```
#9b2211 rgb(155,34,17)
```
#a21d0a
```
#a21d0a rgb(162,29,10)
```
#a81804
```
#a81804 rgb(168,24,4)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#565050 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d5952 Protanopia 1% of men
#66564e Deuteranopia 1% of men
#6e5257 Tritanopia 0.001% of the population

Trichromacy

#60534d Protanomaly 1% of men, 0.01% of women
#66524b Deuteranomaly 6% of men, 0.4% of women
#6b4f51 Tritanomaly 0.01% of the population

#664a46 hex color

#664a46 Color Information

#664a46 Color Conversion

Color Schemes with #664a46

Alternatives to #664a46

#664a46 Preview

Shades and Tints of #664a46

Tones of #664a46

Color Blindness Simulator