#664420 hex color

In a RGB color space, hex #664420 is composed of 40% red, 26.7% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 68.6% yellow and 60% black. It has a hue angle of 30.9 degrees, a saturation of 52.2% and a lightness of 26.3%. #664420 color hex could be obtained by blending #cc8840 with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #664420 has RGB values of R:102, G:68, B:32 and CMYK values of C:0, M:0.33, Y:0.69, K:0.6. Its decimal value is 6702112.

Hex triplet	664420	`#664420`
RGB Decimal	102, 68, 32	`rgb(102,68,32)`
RGB Percent	40, 26.7, 12.5	`rgb(40%,26.7%,12.5%)`
CMYK	0, 33, 69, 60
HSL	30.9°, 52.2, 26.3	`hsl(30.9,52.2%,26.3%)`
HSV (or HSB)	30.9°, 68.6, 40
Web Safe	663333	`#663333`

CIE-LAB	31.952, 10.662, 27.24
XYZ	7.807, 7.064, 2.319
xyY	0.454, 0.411, 7.064
CIE-LCH	31.952, 29.252, 68.624
CIE-LUV	31.952, 25.278, 24.211
Hunter-Lab	26.578, 5.925, 13.432
Binary	01100110, 01000100, 00100000

#664420
```
#664420 rgb(102,68,32)
```
#204266
```
#204266 rgb(32,66,102)
```

Complementary Color

#662120
```
#662120 rgb(102,33,32)
```
#664420
```
#664420 rgb(102,68,32)
```
#656620
```
#656620 rgb(101,102,32)
```

Analogous Color

#212066
```
#212066 rgb(33,32,102)
```
#664420
```
#664420 rgb(102,68,32)
```
#206566
```
#206566 rgb(32,101,102)
```

Split Complementary Color

#442066
```
#442066 rgb(68,32,102)
```
#664420
```
#664420 rgb(102,68,32)
```
#206644
```
#206644 rgb(32,102,68)
```

Triadic Color

#662042
```
#662042 rgb(102,32,66)
```
#664420
```
#664420 rgb(102,68,32)
```
#206644
```
#206644 rgb(32,102,68)
```
#204266
```
#204266 rgb(32,66,102)
```

Tetradic Color

#2c1d0e
```
#2c1d0e rgb(44,29,14)
```
#3f2a14
```
#3f2a14 rgb(63,42,20)
```
#53371a
```
#53371a rgb(83,55,26)
```
#664420
```
#664420 rgb(102,68,32)
```
#795126
```
#795126 rgb(121,81,38)
```
#8d5e2c
```
#8d5e2c rgb(141,94,44)
```
#a06b32
```
#a06b32 rgb(160,107,50)
```

Monochromatic Color

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

#663320
```
#663320 rgb(102,51,32)
```
#663820
```
#663820 rgb(102,56,32)
```
#663e20
```
#663e20 rgb(102,62,32)
```
#664420
```
#664420 rgb(102,68,32)
```
#664a20
```
#664a20 rgb(102,74,32)
```
#665020
```
#665020 rgb(102,80,32)
```
#665620
```
#665620 rgb(102,86,32)
```

Similar Colors

Text with hexadecimal color #664420

This text has a font color of #664420.

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

#664420 background color

This paragraph has a background color of #664420.

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

#664420 border color

This element has a border color of #664420.

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

CSS codes

.text {color:#664420;}

.background {background-color:#664420;}

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

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

#0c0804
```
#0c0804 rgb(12,8,4)
```
#1b1209
```
#1b1209 rgb(27,18,9)
```
#2a1c0d
```
#2a1c0d rgb(42,28,13)
```
#392612
```
#392612 rgb(57,38,18)
```
#483017
```
#483017 rgb(72,48,23)
```
#573a1b
```
#573a1b rgb(87,58,27)
```
#664420
```
#664420 rgb(102,68,32)
```
#754e25
```
#754e25 rgb(117,78,37)
```
#845829
```
#845829 rgb(132,88,41)
```
#93622e
```
#93622e rgb(147,98,46)
```
#a26c33
```
#a26c33 rgb(162,108,51)
```
#b17637
```
#b17637 rgb(177,118,55)
```
#c0803c
```
#c0803c rgb(192,128,60)
```

Shade Color Variation

#c68949
```
#c68949 rgb(198,137,73)
```
#cb9358
```
#cb9358 rgb(203,147,88)
```
#cf9d67
```
#cf9d67 rgb(207,157,103)
```
#d4a676
```
#d4a676 rgb(212,166,118)
```
#d9b085
```
#d9b085 rgb(217,176,133)
```
#ddba94
```
#ddba94 rgb(221,186,148)
```
#e2c3a3
```
#e2c3a3 rgb(226,195,163)
```
#e7cdb2
```
#e7cdb2 rgb(231,205,178)
```
#ebd7c1
```
#ebd7c1 rgb(235,215,193)
```
#f0e0d0
```
#f0e0d0 rgb(240,224,208)
```
#f5eadf
```
#f5eadf rgb(245,234,223)
```
#faf4ee
```
#faf4ee rgb(250,244,238)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#47433f
```
#47433f rgb(71,67,63)
```
#4c433a
```
#4c433a rgb(76,67,58)
```
#514335
```
#514335 rgb(81,67,53)
```
#57442f
```
#57442f rgb(87,68,47)
```
#5c442a
```
#5c442a rgb(92,68,42)
```
#614425
```
#614425 rgb(97,68,37)
```
#664420
```
#664420 rgb(102,68,32)
```
#6b441b
```
#6b441b rgb(107,68,27)
```
#704416
```
#704416 rgb(112,68,22)
```
#754411
```
#754411 rgb(117,68,17)
```
#7b450b
```
#7b450b rgb(123,69,11)
```
#804506
```
#804506 rgb(128,69,6)
```
#854501
```
#854501 rgb(133,69,1)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#504942 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c542d Protanopia 1% of men
#67502a Deuteranopia 1% of men
#70494e Tritanopia 0.001% of the population

Trichromacy

#604e28 Protanomaly 1% of men, 0.01% of women
#664c26 Deuteranomaly 6% of men, 0.4% of women
#6c473d Tritanomaly 0.01% of the population

#664420 hex color

#664420 Color Information

#664420 Color Conversion

Color Schemes with #664420

Alternatives to #664420

#664420 Preview

Shades and Tints of #664420

Tones of #664420

Color Blindness Simulator