#664d1f hex color

In a RGB color space, hex #664d1f is composed of 40% red, 30.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.5% magenta, 69.6% yellow and 60% black. It has a hue angle of 38.9 degrees, a saturation of 53.4% and a lightness of 26.1%. #664d1f color hex could be obtained by blending #cc9a3e with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 40
- G 30
- B 12
RGB color chart
- C 0
- M 25
- Y 70
- K 60
CMYK color chart

● #664d1f color description : Very dark orange [Brown tone].

The hexadecimal color #664d1f has RGB values of R:102, G:77, B:31 and CMYK values of C:0, M:0.25, Y:0.7, K:0.6. Its decimal value is 6704415.

Hex triplet	664d1f	`#664d1f`
RGB Decimal	102, 77, 31	`rgb(102,77,31)`
RGB Percent	40, 30.2, 12.2	`rgb(40%,30.2%,12.2%)`
CMYK	0, 25, 70, 60
HSL	38.9°, 53.4, 26.1	`hsl(38.9,53.4%,26.1%)`
HSV (or HSB)	38.9°, 69.6, 40
Web Safe	666633	`#666633`

CIE-LAB	34.461, 5.04, 30.587
XYZ	8.381, 8.232, 2.444
xyY	0.44, 0.432, 8.232
CIE-LCH	34.461, 31, 80.642
CIE-LUV	34.461, 19.266, 28.642
Hunter-Lab	28.691, 1.931, 15.034
Binary	01100110, 01001101, 00011111

#664d1f
```
#664d1f rgb(102,77,31)
```
#1f3866
```
#1f3866 rgb(31,56,102)
```

Complementary Color

#662a1f
```
#662a1f rgb(102,42,31)
```
#664d1f
```
#664d1f rgb(102,77,31)
```
#5c661f
```
#5c661f rgb(92,102,31)
```

Analogous Color

#2a1f66
```
#2a1f66 rgb(42,31,102)
```
#664d1f
```
#664d1f rgb(102,77,31)
```
#1f5c66
```
#1f5c66 rgb(31,92,102)
```

Split Complementary Color

#4d1f66
```
#4d1f66 rgb(77,31,102)
```
#664d1f
```
#664d1f rgb(102,77,31)
```
#1f664d
```
#1f664d rgb(31,102,77)
```

Triadic Color

#661f38
```
#661f38 rgb(102,31,56)
```
#664d1f
```
#664d1f rgb(102,77,31)
```
#1f664d
```
#1f664d rgb(31,102,77)
```
#1f3866
```
#1f3866 rgb(31,56,102)
```

Tetradic Color

#2b210d
```
#2b210d rgb(43,33,13)
```
#3f2f13
```
#3f2f13 rgb(63,47,19)
```
#523e19
```
#523e19 rgb(82,62,25)
```
#664d1f
```
#664d1f rgb(102,77,31)
```
#7a5c25
```
#7a5c25 rgb(122,92,37)
```
#8d6b2b
```
#8d6b2b rgb(141,107,43)
```
#a17931
```
#a17931 rgb(161,121,49)
```

Monochromatic Color

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

#663b1f
```
#663b1f rgb(102,59,31)
```
#66411f
```
#66411f rgb(102,65,31)
```
#66471f
```
#66471f rgb(102,71,31)
```
#664d1f
```
#664d1f rgb(102,77,31)
```
#66531f
```
#66531f rgb(102,83,31)
```
#66591f
```
#66591f rgb(102,89,31)
```
#665f1f
```
#665f1f rgb(102,95,31)
```

Similar Colors

Text with hexadecimal color #664d1f

This text has a font color of #664d1f.

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

#664d1f background color

This paragraph has a background color of #664d1f.

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

#664d1f border color

This element has a border color of #664d1f.

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

CSS codes

.text {color:#664d1f;}

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

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

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

#0c0904
```
#0c0904 rgb(12,9,4)
```
#1b1408
```
#1b1408 rgb(27,20,8)
```
#2a200d
```
#2a200d rgb(42,32,13)
```
#392b11
```
#392b11 rgb(57,43,17)
```
#483616
```
#483616 rgb(72,54,22)
```
#57421a
```
#57421a rgb(87,66,26)
```
#664d1f
```
#664d1f rgb(102,77,31)
```
#755824
```
#755824 rgb(117,88,36)
```
#846428
```
#846428 rgb(132,100,40)
```
#936f2d
```
#936f2d rgb(147,111,45)
```
#a27a31
```
#a27a31 rgb(162,122,49)
```
#b18636
```
#b18636 rgb(177,134,54)
```
#c0913a
```
#c0913a rgb(192,145,58)
```

Shade Color Variation

#c79a47
```
#c79a47 rgb(199,154,71)
```
#cca256
```
#cca256 rgb(204,162,86)
```
#d0ab65
```
#d0ab65 rgb(208,171,101)
```
#d5b374
```
#d5b374 rgb(213,179,116)
```
#d9bb83
```
#d9bb83 rgb(217,187,131)
```
#dec392
```
#dec392 rgb(222,195,146)
```
#e3cca1
```
#e3cca1 rgb(227,204,161)
```
#e7d4b0
```
#e7d4b0 rgb(231,212,176)
```
#ecdcc0
```
#ecdcc0 rgb(236,220,192)
```
#f0e4cf
```
#f0e4cf rgb(240,228,207)
```
#f5edde
```
#f5edde rgb(245,237,222)
```
#f9f5ed
```
#f9f5ed rgb(249,245,237)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#47443e
```
#47443e rgb(71,68,62)
```
#4c4539
```
#4c4539 rgb(76,69,57)
```
#524733
```
#524733 rgb(82,71,51)
```
#57482e
```
#57482e rgb(87,72,46)
```
#5c4a29
```
#5c4a29 rgb(92,74,41)
```
#614b24
```
#614b24 rgb(97,75,36)
```
#664d1f
```
#664d1f rgb(102,77,31)
```
#6b4f1a
```
#6b4f1a rgb(107,79,26)
```
#705015
```
#705015 rgb(112,80,21)
```
#755210
```
#755210 rgb(117,82,16)
```
#7a530b
```
#7a530b rgb(122,83,11)
```
#805505
```
#805505 rgb(128,85,5)
```
#855600
```
#855600 rgb(133,86,0)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#544f45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#635a2b Protanopia 1% of men
#6e562a Deuteranopia 1% of men
#715157 Tritanopia 0.001% of the population

Trichromacy

#645527 Protanomaly 1% of men, 0.01% of women
#6b5226 Deuteranomaly 6% of men, 0.4% of women
#6d4f42 Tritanomaly 0.01% of the population

#664d1f hex color

#664d1f Color Information

#664d1f Color Conversion

Color Schemes with #664d1f

Alternatives to #664d1f

#664d1f Preview

Shades and Tints of #664d1f

Tones of #664d1f

Color Blindness Simulator