#664f48 hex color

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

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

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

The hexadecimal color #664f48 has RGB values of R:102, G:79, B:72 and CMYK values of C:0, M:0.23, Y:0.29, K:0.6. Its decimal value is 6704968.

Hex triplet	664f48	`#664f48`
RGB Decimal	102, 79, 72	`rgb(102,79,72)`
RGB Percent	40, 31, 28.2	`rgb(40%,31%,28.2%)`
CMYK	0, 23, 29, 60
HSL	14°, 17.2, 34.1	`hsl(14,17.2%,34.1%)`
HSV (or HSB)	14°, 29.4, 40
Web Safe	666633	`#666633`

CIE-LAB	35.762, 8.482, 7.818
XYZ	9.445, 8.885, 7.348
xyY	0.368, 0.346, 8.885
CIE-LCH	35.762, 11.535, 42.667
CIE-LUV	35.762, 14.626, 7.9
Hunter-Lab	29.808, 4.398, 6.25
Binary	01100110, 01001111, 01001000

#664f48
```
#664f48 rgb(102,79,72)
```
#485f66
```
#485f66 rgb(72,95,102)
```

Complementary Color

#664850
```
#664850 rgb(102,72,80)
```
#664f48
```
#664f48 rgb(102,79,72)
```
#665e48
```
#665e48 rgb(102,94,72)
```

Analogous Color

#485066
```
#485066 rgb(72,80,102)
```
#664f48
```
#664f48 rgb(102,79,72)
```
#48665e
```
#48665e rgb(72,102,94)
```

Split Complementary Color

#4f4866
```
#4f4866 rgb(79,72,102)
```
#664f48
```
#664f48 rgb(102,79,72)
```
#48664f
```
#48664f rgb(72,102,79)
```

Triadic Color

#66485f
```
#66485f rgb(102,72,95)
```
#664f48
```
#664f48 rgb(102,79,72)
```
#48664f
```
#48664f rgb(72,102,79)
```
#485f66
```
#485f66 rgb(72,95,102)
```

Tetradic Color

#392c28
```
#392c28 rgb(57,44,40)
```
#483833
```
#483833 rgb(72,56,51)
```
#57433d
```
#57433d rgb(87,67,61)
```
#664f48
```
#664f48 rgb(102,79,72)
```
#755b53
```
#755b53 rgb(117,91,83)
```
#84665d
```
#84665d rgb(132,102,93)
```
#937268
```
#937268 rgb(147,114,104)
```

Monochromatic Color

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

#664849
```
#664849 rgb(102,72,73)
```
#664a48
```
#664a48 rgb(102,74,72)
```
#664d48
```
#664d48 rgb(102,77,72)
```
#664f48
```
#664f48 rgb(102,79,72)
```
#665248
```
#665248 rgb(102,82,72)
```
#665448
```
#665448 rgb(102,84,72)
```
#665748
```
#665748 rgb(102,87,72)
```

Similar Colors

Text with hexadecimal color #664f48

This text has a font color of #664f48.

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

#664f48 background color

This paragraph has a background color of #664f48.

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

#664f48 border color

This element has a border color of #664f48.

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

CSS codes

.text {color:#664f48;}

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

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

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)
```
#16110f
```
#16110f rgb(22,17,15)
```
#211a17
```
#211a17 rgb(33,26,23)
```
#2d221f
```
#2d221f rgb(45,34,31)
```
#382b28
```
#382b28 rgb(56,43,40)
```
#443430
```
#443430 rgb(68,52,48)
```
#4f3d38
```
#4f3d38 rgb(79,61,56)
```
#5b4640
```
#5b4640 rgb(91,70,64)
```
#664f48
```
#664f48 rgb(102,79,72)
```
#715850
```
#715850 rgb(113,88,80)
```
#7d6158
```
#7d6158 rgb(125,97,88)
```
#886a60
```
#886a60 rgb(136,106,96)
```
#947368
```
#947368 rgb(148,115,104)
```

Shade Color Variation

#9d7d74
```
#9d7d74 rgb(157,125,116)
```
#a5887f
```
#a5887f rgb(165,136,127)
```
#ad938b
```
#ad938b rgb(173,147,139)
```
#b59d96
```
#b59d96 rgb(181,157,150)
```
#bda8a2
```
#bda8a2 rgb(189,168,162)
```
#c5b3ad
```
#c5b3ad rgb(197,179,173)
```
#cdbdb9
```
#cdbdb9 rgb(205,189,185)
```
#d5c8c4
```
#d5c8c4 rgb(213,200,196)
```
#ddd3d0
```
#ddd3d0 rgb(221,211,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 #a92b05 is the most saturated one.

#595655
```
#595655 rgb(89,86,85)
```
#5f534f
```
#5f534f rgb(95,83,79)
```
#664f48
```
#664f48 rgb(102,79,72)
```
#6d4b41
```
#6d4b41 rgb(109,75,65)
```
#73483b
```
#73483b rgb(115,72,59)
```
#7a4434
```
#7a4434 rgb(122,68,52)
```
#81412d
```
#81412d rgb(129,65,45)
```
#873d27
```
#873d27 rgb(135,61,39)
```
#8e3a20
```
#8e3a20 rgb(142,58,32)
```
#953619
```
#953619 rgb(149,54,25)
```
#9c3212
```
#9c3212 rgb(156,50,18)
```
#a22f0c
```
#a22f0c rgb(162,47,12)
```
#a92b05
```
#a92b05 rgb(169,43,5)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#585452 Atypical Achromatopsia 0.001% of the population

Dichromacy

#605c53 Protanopia 1% of men
#695951 Deuteranopia 1% of men
#6f565c Tritanopia 0.001% of the population

Trichromacy

#62574f Protanomaly 1% of men, 0.01% of women
#68554d Deuteranomaly 6% of men, 0.4% of women
#6b5355 Tritanomaly 0.01% of the population

#664f48 hex color

#664f48 Color Information

#664f48 Color Conversion

Color Schemes with #664f48

Alternatives to #664f48

#664f48 Preview

Shades and Tints of #664f48

Tones of #664f48

Color Blindness Simulator