#664f20 hex color

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

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

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

The hexadecimal color #664f20 has RGB values of R:102, G:79, B:32 and CMYK values of C:0, M:0.23, Y:0.69, K:0.6. Its decimal value is 6704928.

Hex triplet	664f20	`#664f20`
RGB Decimal	102, 79, 32	`rgb(102,79,32)`
RGB Percent	40, 31, 12.5	`rgb(40%,31%,12.5%)`
CMYK	0, 23, 69, 60
HSL	40.3°, 52.2, 26.3	`hsl(40.3,52.2%,26.3%)`
HSV (or HSB)	40.3°, 68.6, 40
Web Safe	666633	`#666633`

CIE-LAB	35.046, 3.887, 30.703
XYZ	8.536, 8.521, 2.562
xyY	0.435, 0.434, 8.521
CIE-LCH	35.046, 30.948, 82.784
CIE-LUV	35.046, 17.864, 29.202
Hunter-Lab	29.191, 1.113, 15.231
Binary	01100110, 01001111, 00100000

#664f20
```
#664f20 rgb(102,79,32)
```
#203766
```
#203766 rgb(32,55,102)
```

Complementary Color

#662c20
```
#662c20 rgb(102,44,32)
```
#664f20
```
#664f20 rgb(102,79,32)
```
#5a6620
```
#5a6620 rgb(90,102,32)
```

Analogous Color

#2c2066
```
#2c2066 rgb(44,32,102)
```
#664f20
```
#664f20 rgb(102,79,32)
```
#205a66
```
#205a66 rgb(32,90,102)
```

Split Complementary Color

#4f2066
```
#4f2066 rgb(79,32,102)
```
#664f20
```
#664f20 rgb(102,79,32)
```
#20664f
```
#20664f rgb(32,102,79)
```

Triadic Color

#662037
```
#662037 rgb(102,32,55)
```
#664f20
```
#664f20 rgb(102,79,32)
```
#20664f
```
#20664f rgb(32,102,79)
```
#203766
```
#203766 rgb(32,55,102)
```

Tetradic Color

#2c220e
```
#2c220e rgb(44,34,14)
```
#3f3114
```
#3f3114 rgb(63,49,20)
```
#53401a
```
#53401a rgb(83,64,26)
```
#664f20
```
#664f20 rgb(102,79,32)
```
#795e26
```
#795e26 rgb(121,94,38)
```
#8d6d2c
```
#8d6d2c rgb(141,109,44)
```
#a07c32
```
#a07c32 rgb(160,124,50)
```

Monochromatic Color

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

#663e20
```
#663e20 rgb(102,62,32)
```
#664320
```
#664320 rgb(102,67,32)
```
#664920
```
#664920 rgb(102,73,32)
```
#664f20
```
#664f20 rgb(102,79,32)
```
#665520
```
#665520 rgb(102,85,32)
```
#665b20
```
#665b20 rgb(102,91,32)
```
#666120
```
#666120 rgb(102,97,32)
```

Similar Colors

Text with hexadecimal color #664f20

This text has a font color of #664f20.

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

#664f20 background color

This paragraph has a background color of #664f20.

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

#664f20 border color

This element has a border color of #664f20.

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

CSS codes

.text {color:#664f20;}

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

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

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

#0c0a04
```
#0c0a04 rgb(12,10,4)
```
#1b1509
```
#1b1509 rgb(27,21,9)
```
#2a210d
```
#2a210d rgb(42,33,13)
```
#392c12
```
#392c12 rgb(57,44,18)
```
#483817
```
#483817 rgb(72,56,23)
```
#57431b
```
#57431b rgb(87,67,27)
```
#664f20
```
#664f20 rgb(102,79,32)
```
#755b25
```
#755b25 rgb(117,91,37)
```
#846629
```
#846629 rgb(132,102,41)
```
#93722e
```
#93722e rgb(147,114,46)
```
#a27d33
```
#a27d33 rgb(162,125,51)
```
#b18937
```
#b18937 rgb(177,137,55)
```
#c0943c
```
#c0943c rgb(192,148,60)
```

Shade Color Variation

#c69d49
```
#c69d49 rgb(198,157,73)
```
#cba558
```
#cba558 rgb(203,165,88)
```
#cfad67
```
#cfad67 rgb(207,173,103)
```
#d4b576
```
#d4b576 rgb(212,181,118)
```
#d9bd85
```
#d9bd85 rgb(217,189,133)
```
#ddc594
```
#ddc594 rgb(221,197,148)
```
#e2cda3
```
#e2cda3 rgb(226,205,163)
```
#e7d5b2
```
#e7d5b2 rgb(231,213,178)
```
#ebddc1
```
#ebddc1 rgb(235,221,193)
```
#f0e5d0
```
#f0e5d0 rgb(240,229,208)
```
#f5eedf
```
#f5eedf rgb(245,238,223)
```
#faf6ee
```
#faf6ee rgb(250,246,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 #855a01 is the most saturated one.

#47443f
```
#47443f rgb(71,68,63)
```
#4c463a
```
#4c463a rgb(76,70,58)
```
#514835
```
#514835 rgb(81,72,53)
```
#574a2f
```
#574a2f rgb(87,74,47)
```
#5c4b2a
```
#5c4b2a rgb(92,75,42)
```
#614d25
```
#614d25 rgb(97,77,37)
```
#664f20
```
#664f20 rgb(102,79,32)
```
#6b511b
```
#6b511b rgb(107,81,27)
```
#705316
```
#705316 rgb(112,83,22)
```
#755411
```
#755411 rgb(117,84,17)
```
#7b560b
```
#7b560b rgb(123,86,11)
```
#805806
```
#805806 rgb(128,88,6)
```
#855a01
```
#855a01 rgb(133,90,1)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#555147 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645b2c Protanopia 1% of men
#70572b Deuteranopia 1% of men
#715359 Tritanopia 0.001% of the population

Trichromacy

#655628 Protanomaly 1% of men, 0.01% of women
#6c5427 Deuteranomaly 6% of men, 0.4% of women
#6d5144 Tritanomaly 0.01% of the population

#664f20 hex color

#664f20 Color Information

#664f20 Color Conversion

Color Schemes with #664f20

Alternatives to #664f20

#664f20 Preview

Shades and Tints of #664f20

Tones of #664f20

Color Blindness Simulator