#664a20 hex color

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

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

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

The hexadecimal color #664a20 has RGB values of R:102, G:74, B:32 and CMYK values of C:0, M:0.27, Y:0.69, K:0.6. Its decimal value is 6703648.

Hex triplet	664a20	`#664a20`
RGB Decimal	102, 74, 32	`rgb(102,74,32)`
RGB Percent	40, 29, 12.5	`rgb(40%,29%,12.5%)`
CMYK	0, 27, 69, 60
HSL	36°, 52.2, 26.3	`hsl(36,52.2%,26.3%)`
HSV (or HSB)	36°, 68.6, 40
Web Safe	663333	`#663333`

CIE-LAB	33.62, 6.956, 29.12
XYZ	8.189, 7.827, 2.446
xyY	0.444, 0.424, 7.827
CIE-LCH	33.62, 29.94, 76.565
CIE-LUV	33.62, 21.23, 26.915
Hunter-Lab	27.977, 3.289, 14.4
Binary	01100110, 01001010, 00100000

#664a20
```
#664a20 rgb(102,74,32)
```
#203c66
```
#203c66 rgb(32,60,102)
```

Complementary Color

#662720
```
#662720 rgb(102,39,32)
```
#664a20
```
#664a20 rgb(102,74,32)
```
#5f6620
```
#5f6620 rgb(95,102,32)
```

Analogous Color

#272066
```
#272066 rgb(39,32,102)
```
#664a20
```
#664a20 rgb(102,74,32)
```
#205f66
```
#205f66 rgb(32,95,102)
```

Split Complementary Color

#4a2066
```
#4a2066 rgb(74,32,102)
```
#664a20
```
#664a20 rgb(102,74,32)
```
#20664a
```
#20664a rgb(32,102,74)
```

Triadic Color

#66203c
```
#66203c rgb(102,32,60)
```
#664a20
```
#664a20 rgb(102,74,32)
```
#20664a
```
#20664a rgb(32,102,74)
```
#203c66
```
#203c66 rgb(32,60,102)
```

Tetradic Color

#2c200e
```
#2c200e rgb(44,32,14)
```
#3f2e14
```
#3f2e14 rgb(63,46,20)
```
#533c1a
```
#533c1a rgb(83,60,26)
```
#664a20
```
#664a20 rgb(102,74,32)
```
#795826
```
#795826 rgb(121,88,38)
```
#8d662c
```
#8d662c rgb(141,102,44)
```
#a07432
```
#a07432 rgb(160,116,50)
```

Monochromatic Color

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

#663920
```
#663920 rgb(102,57,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)
```
#665c20
```
#665c20 rgb(102,92,32)
```

Similar Colors

Text with hexadecimal color #664a20

This text has a font color of #664a20.

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

#664a20 background color

This paragraph has a background color of #664a20.

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

#664a20 border color

This element has a border color of #664a20.

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

CSS codes

.text {color:#664a20;}

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

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

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 #fefefc is the lightest one.

#0c0904
```
#0c0904 rgb(12,9,4)
```
#1b1409
```
#1b1409 rgb(27,20,9)
```
#2a1f0d
```
#2a1f0d rgb(42,31,13)
```
#392a12
```
#392a12 rgb(57,42,18)
```
#483417
```
#483417 rgb(72,52,23)
```
#573f1b
```
#573f1b rgb(87,63,27)
```
#664a20
```
#664a20 rgb(102,74,32)
```
#755525
```
#755525 rgb(117,85,37)
```
#846029
```
#846029 rgb(132,96,41)
```
#936a2e
```
#936a2e rgb(147,106,46)
```
#a27533
```
#a27533 rgb(162,117,51)
```
#b18037
```
#b18037 rgb(177,128,55)
```
#c08b3c
```
#c08b3c rgb(192,139,60)
```

Shade Color Variation

#c69449
```
#c69449 rgb(198,148,73)
```
#cb9d58
```
#cb9d58 rgb(203,157,88)
```
#cfa667
```
#cfa667 rgb(207,166,103)
```
#d4ae76
```
#d4ae76 rgb(212,174,118)
```
#d9b785
```
#d9b785 rgb(217,183,133)
```
#ddc094
```
#ddc094 rgb(221,192,148)
```
#e2c9a3
```
#e2c9a3 rgb(226,201,163)
```
#e7d2b2
```
#e7d2b2 rgb(231,210,178)
```
#ebdac1
```
#ebdac1 rgb(235,218,193)
```
#f0e3d0
```
#f0e3d0 rgb(240,227,208)
```
#f5ecdf
```
#f5ecdf rgb(245,236,223)
```
#faf5ee
```
#faf5ee rgb(250,245,238)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#47443f
```
#47443f rgb(71,68,63)
```
#4c453a
```
#4c453a rgb(76,69,58)
```
#514635
```
#514635 rgb(81,70,53)
```
#57472f
```
#57472f rgb(87,71,47)
```
#5c482a
```
#5c482a rgb(92,72,42)
```
#614925
```
#614925 rgb(97,73,37)
```
#664a20
```
#664a20 rgb(102,74,32)
```
#6b4b1b
```
#6b4b1b rgb(107,75,27)
```
#704c16
```
#704c16 rgb(112,76,22)
```
#754d11
```
#754d11 rgb(117,77,17)
```
#7b4e0b
```
#7b4e0b rgb(123,78,11)
```
#804f06
```
#804f06 rgb(128,79,6)
```
#855001
```
#855001 rgb(133,80,1)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#534d45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#61582d Protanopia 1% of men
#6c542b Deuteranopia 1% of men
#714e54 Tritanopia 0.001% of the population

Trichromacy

#625328 Protanomaly 1% of men, 0.01% of women
#695027 Deuteranomaly 6% of men, 0.4% of women
#6d4d41 Tritanomaly 0.01% of the population

#664a20 hex color

#664a20 Color Information

#664a20 Color Conversion

Color Schemes with #664a20

Alternatives to #664a20

#664a20 Preview

Shades and Tints of #664a20

Tones of #664a20

Color Blindness Simulator