#664116 hex color

In a RGB color space, hex #664116 is composed of 40% red, 25.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.3% magenta, 78.4% yellow and 60% black. It has a hue angle of 32.3 degrees, a saturation of 64.5% and a lightness of 24.3%. #664116 color hex could be obtained by blending #cc822c with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 40
- G 25
- B 9
RGB color chart
- C 0
- M 36
- Y 78
- K 60
CMYK color chart

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

The hexadecimal color #664116 has RGB values of R:102, G:65, B:22 and CMYK values of C:0, M:0.36, Y:0.78, K:0.6. Its decimal value is 6701334.

Hex triplet	664116	`#664116`
RGB Decimal	102, 65, 22	`rgb(102,65,22)`
RGB Percent	40, 25.5, 8.6	`rgb(40%,25.5%,8.6%)`
CMYK	0, 36, 78, 60
HSL	32.3°, 64.5, 24.3	`hsl(32.3,64.5%,24.3%)`
HSV (or HSB)	32.3°, 78.4, 40
Web Safe	663300	`#663300`

CIE-LAB	31.029, 11.889, 31.597
XYZ	7.515, 6.664, 1.649
xyY	0.475, 0.421, 6.664
CIE-LCH	31.029, 33.76, 69.381
CIE-LUV	31.029, 28.051, 26.278
Hunter-Lab	25.814, 6.788, 14.282
Binary	01100110, 01000001, 00010110

#664116
```
#664116 rgb(102,65,22)
```
#163b66
```
#163b66 rgb(22,59,102)
```

Complementary Color

#661916
```
#661916 rgb(102,25,22)
```
#664116
```
#664116 rgb(102,65,22)
```
#636616
```
#636616 rgb(99,102,22)
```

Analogous Color

#191666
```
#191666 rgb(25,22,102)
```
#664116
```
#664116 rgb(102,65,22)
```
#166366
```
#166366 rgb(22,99,102)
```

Split Complementary Color

#411666
```
#411666 rgb(65,22,102)
```
#664116
```
#664116 rgb(102,65,22)
```
#166641
```
#166641 rgb(22,102,65)
```

Triadic Color

#66163b
```
#66163b rgb(102,22,59)
```
#664116
```
#664116 rgb(102,65,22)
```
#166641
```
#166641 rgb(22,102,65)
```
#163b66
```
#163b66 rgb(22,59,102)
```

Tetradic Color

#271908
```
#271908 rgb(39,25,8)
```
#3c260d
```
#3c260d rgb(60,38,13)
```
#513411
```
#513411 rgb(81,52,17)
```
#664116
```
#664116 rgb(102,65,22)
```
#7b4e1b
```
#7b4e1b rgb(123,78,27)
```
#905c1f
```
#905c1f rgb(144,92,31)
```
#a56924
```
#a56924 rgb(165,105,36)
```

Monochromatic Color

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

#662d16
```
#662d16 rgb(102,45,22)
```
#663416
```
#663416 rgb(102,52,22)
```
#663a16
```
#663a16 rgb(102,58,22)
```
#664116
```
#664116 rgb(102,65,22)
```
#664816
```
#664816 rgb(102,72,22)
```
#664e16
```
#664e16 rgb(102,78,22)
```
#665516
```
#665516 rgb(102,85,22)
```

Similar Colors

Text with hexadecimal color #664116

This text has a font color of #664116.

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

#664116 background color

This paragraph has a background color of #664116.

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

#664116 border color

This element has a border color of #664116.

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

CSS codes

.text {color:#664116;}

.background {background-color:#664116;}

.border {border:1px solid #664116;}

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

#050301
```
#050301 rgb(5,3,1)
```
#150e05
```
#150e05 rgb(21,14,5)
```
#251808
```
#251808 rgb(37,24,8)
```
#36220c
```
#36220c rgb(54,34,12)
```
#462c0f
```
#462c0f rgb(70,44,15)
```
#563713
```
#563713 rgb(86,55,19)
```
#664116
```
#664116 rgb(102,65,22)
```
#764b19
```
#764b19 rgb(118,75,25)
```
#86561d
```
#86561d rgb(134,86,29)
```
#966020
```
#966020 rgb(150,96,32)
```
#a76a24
```
#a76a24 rgb(167,106,36)
```
#b77427
```
#b77427 rgb(183,116,39)
```
#c77f2b
```
#c77f2b rgb(199,127,43)
```

Shade Color Variation

#d38932
```
#d38932 rgb(211,137,50)
```
#d69243
```
#d69243 rgb(214,146,67)
```
#da9b53
```
#da9b53 rgb(218,155,83)
```
#dda563
```
#dda563 rgb(221,165,99)
```
#e1ae73
```
#e1ae73 rgb(225,174,115)
```
#e4b783
```
#e4b783 rgb(228,183,131)
```
#e8c193
```
#e8c193 rgb(232,193,147)
```
#ebcaa3
```
#ebcaa3 rgb(235,202,163)
```
#efd3b4
```
#efd3b4 rgb(239,211,180)
```
#f2ddc4
```
#f2ddc4 rgb(242,221,196)
```
#f6e6d4
```
#f6e6d4 rgb(246,230,212)
```
#f9efe4
```
#f9efe4 rgb(249,239,228)
```
#fdf9f4
```
#fdf9f4 rgb(253,249,244)
```

Tint Color Variation

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

#403e3c
```
#403e3c rgb(64,62,60)
```
#453e37
```
#453e37 rgb(69,62,55)
```
#493f33
```
#493f33 rgb(73,63,51)
```
#4e3f2e
```
#4e3f2e rgb(78,63,46)
```
#534029
```
#534029 rgb(83,64,41)
```
#584024
```
#584024 rgb(88,64,36)
```
#5c4020
```
#5c4020 rgb(92,64,32)
```
#61411b
```
#61411b rgb(97,65,27)
```
#664116
```
#664116 rgb(102,65,22)
```
#6b4111
```
#6b4111 rgb(107,65,17)
```
#70420c
```
#70420c rgb(112,66,12)
```
#744208
```
#744208 rgb(116,66,8)
```
#794203
```
#794203 rgb(121,66,3)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4d463d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5224 Protanopia 1% of men
#654e20 Deuteranopia 1% of men
#70464b Tritanopia 0.001% of the population

Trichromacy

#5f4c1f Protanomaly 1% of men, 0.01% of women
#65491c Deuteranomaly 6% of men, 0.4% of women
#6c4437 Tritanomaly 0.01% of the population

#664116 hex color

#664116 Color Information

#664116 Color Conversion

Color Schemes with #664116

Alternatives to #664116

#664116 Preview

Shades and Tints of #664116

Tones of #664116

Color Blindness Simulator