#664e1f hex color

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

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

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

The hexadecimal color #664e1f has RGB values of R:102, G:78, B:31 and CMYK values of C:0, M:0.24, Y:0.7, K:0.6. Its decimal value is 6704671.

Hex triplet	664e1f	`#664e1f`
RGB Decimal	102, 78, 31	`rgb(102,78,31)`
RGB Percent	40, 30.6, 12.2	`rgb(40%,30.6%,12.2%)`
CMYK	0, 24, 70, 60
HSL	39.7°, 53.4, 26.1	`hsl(39.7,53.4%,26.1%)`
HSV (or HSB)	39.7°, 69.6, 40
Web Safe	666633	`#666633`

CIE-LAB	34.748, 4.428, 30.901
XYZ	8.451, 8.373, 2.467
xyY	0.438, 0.434, 8.373
CIE-LCH	34.748, 31.216, 81.845
CIE-LUV	34.748, 18.591, 29.098
Hunter-Lab	28.936, 1.497, 15.2
Binary	01100110, 01001110, 00011111

#664e1f
```
#664e1f rgb(102,78,31)
```
#1f3766
```
#1f3766 rgb(31,55,102)
```

Complementary Color

#662b1f
```
#662b1f rgb(102,43,31)
```
#664e1f
```
#664e1f rgb(102,78,31)
```
#5b661f
```
#5b661f rgb(91,102,31)
```

Analogous Color

#2a1f66
```
#2a1f66 rgb(42,31,102)
```
#664e1f
```
#664e1f rgb(102,78,31)
```
#1f5b66
```
#1f5b66 rgb(31,91,102)
```

Split Complementary Color

#4e1f66
```
#4e1f66 rgb(78,31,102)
```
#664e1f
```
#664e1f rgb(102,78,31)
```
#1f664e
```
#1f664e rgb(31,102,78)
```

Triadic Color

#661f37
```
#661f37 rgb(102,31,55)
```
#664e1f
```
#664e1f rgb(102,78,31)
```
#1f664e
```
#1f664e rgb(31,102,78)
```
#1f3766
```
#1f3766 rgb(31,55,102)
```

Tetradic Color

#2b210d
```
#2b210d rgb(43,33,13)
```
#3f3013
```
#3f3013 rgb(63,48,19)
```
#523f19
```
#523f19 rgb(82,63,25)
```
#664e1f
```
#664e1f rgb(102,78,31)
```
#7a5d25
```
#7a5d25 rgb(122,93,37)
```
#8d6c2b
```
#8d6c2b rgb(141,108,43)
```
#a17b31
```
#a17b31 rgb(161,123,49)
```

Monochromatic Color

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

#663c1f
```
#663c1f rgb(102,60,31)
```
#66421f
```
#66421f rgb(102,66,31)
```
#66481f
```
#66481f rgb(102,72,31)
```
#664e1f
```
#664e1f rgb(102,78,31)
```
#66541f
```
#66541f rgb(102,84,31)
```
#665a1f
```
#665a1f rgb(102,90,31)
```
#66601f
```
#66601f rgb(102,96,31)
```

Similar Colors

Text with hexadecimal color #664e1f

This text has a font color of #664e1f.

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

#664e1f background color

This paragraph has a background color of #664e1f.

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

#664e1f border color

This element has a border color of #664e1f.

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

CSS codes

.text {color:#664e1f;}

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

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

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)
```
#483716
```
#483716 rgb(72,55,22)
```
#57421a
```
#57421a rgb(87,66,26)
```
#664e1f
```
#664e1f rgb(102,78,31)
```
#755a24
```
#755a24 rgb(117,90,36)
```
#846528
```
#846528 rgb(132,101,40)
```
#93712d
```
#93712d rgb(147,113,45)
```
#a27c31
```
#a27c31 rgb(162,124,49)
```
#b18836
```
#b18836 rgb(177,136,54)
```
#c0933a
```
#c0933a rgb(192,147,58)
```

Shade Color Variation

#c79c47
```
#c79c47 rgb(199,156,71)
```
#cca456
```
#cca456 rgb(204,164,86)
```
#d0ac65
```
#d0ac65 rgb(208,172,101)
```
#d5b474
```
#d5b474 rgb(213,180,116)
```
#d9bc83
```
#d9bc83 rgb(217,188,131)
```
#dec492
```
#dec492 rgb(222,196,146)
```
#e3cda1
```
#e3cda1 rgb(227,205,161)
```
#e7d5b0
```
#e7d5b0 rgb(231,213,176)
```
#ecddc0
```
#ecddc0 rgb(236,221,192)
```
#f0e5cf
```
#f0e5cf rgb(240,229,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 #855800 is the most saturated one.

#47443e
```
#47443e rgb(71,68,62)
```
#4c4639
```
#4c4639 rgb(76,70,57)
```
#524733
```
#524733 rgb(82,71,51)
```
#57492e
```
#57492e rgb(87,73,46)
```
#5c4b29
```
#5c4b29 rgb(92,75,41)
```
#614c24
```
#614c24 rgb(97,76,36)
```
#664e1f
```
#664e1f rgb(102,78,31)
```
#6b501a
```
#6b501a rgb(107,80,26)
```
#705115
```
#705115 rgb(112,81,21)
```
#755310
```
#755310 rgb(117,83,16)
```
#7a550b
```
#7a550b rgb(122,85,11)
```
#805605
```
#805605 rgb(128,86,5)
```
#855800
```
#855800 rgb(133,88,0)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#545046 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645a2b Protanopia 1% of men
#6f562a Deuteranopia 1% of men
#715258 Tritanopia 0.001% of the population

Trichromacy

#645627 Protanomaly 1% of men, 0.01% of women
#6b5326 Deuteranomaly 6% of men, 0.4% of women
#6d5043 Tritanomaly 0.01% of the population

#664e1f hex color

#664e1f Color Information

#664e1f Color Conversion

Color Schemes with #664e1f

Alternatives to #664e1f

#664e1f Preview

Shades and Tints of #664e1f

Tones of #664e1f

Color Blindness Simulator