#664522 hex color

In a RGB color space, hex #664522 is composed of 40% red, 27.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.4% magenta, 66.7% yellow and 60% black. It has a hue angle of 30.9 degrees, a saturation of 50% and a lightness of 26.7%. #664522 color hex could be obtained by blending #cc8a44 with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #664522 has RGB values of R:102, G:69, B:34 and CMYK values of C:0, M:0.32, Y:0.67, K:0.6. Its decimal value is 6702370.

Hex triplet	664522	`#664522`
RGB Decimal	102, 69, 34	`rgb(102,69,34)`
RGB Percent	40, 27.1, 13.3	`rgb(40%,27.1%,13.3%)`
CMYK	0, 32, 67, 60
HSL	30.9°, 50, 26.7	`hsl(30.9,50%,26.7%)`
HSV (or HSB)	30.9°, 66.7, 40
Web Safe	663333	`#663333`

CIE-LAB	32.251, 10.194, 26.449
XYZ	7.896, 7.197, 2.487
xyY	0.449, 0.409, 7.197
CIE-LCH	32.251, 28.346, 68.922
CIE-LUV	32.251, 24.447, 23.875
Hunter-Lab	26.827, 5.593, 13.284
Binary	01100110, 01000101, 00100010

#664522
```
#664522 rgb(102,69,34)
```
#224366
```
#224366 rgb(34,67,102)
```

Complementary Color

#662322
```
#662322 rgb(102,35,34)
```
#664522
```
#664522 rgb(102,69,34)
```
#656622
```
#656622 rgb(101,102,34)
```

Analogous Color

#232266
```
#232266 rgb(35,34,102)
```
#664522
```
#664522 rgb(102,69,34)
```
#226566
```
#226566 rgb(34,101,102)
```

Split Complementary Color

#452266
```
#452266 rgb(69,34,102)
```
#664522
```
#664522 rgb(102,69,34)
```
#226645
```
#226645 rgb(34,102,69)
```

Triadic Color

#662243
```
#662243 rgb(102,34,67)
```
#664522
```
#664522 rgb(102,69,34)
```
#226645
```
#226645 rgb(34,102,69)
```
#224366
```
#224366 rgb(34,67,102)
```

Tetradic Color

#2d1e0f
```
#2d1e0f rgb(45,30,15)
```
#402b15
```
#402b15 rgb(64,43,21)
```
#53381c
```
#53381c rgb(83,56,28)
```
#664522
```
#664522 rgb(102,69,34)
```
#795228
```
#795228 rgb(121,82,40)
```
#8c5f2f
```
#8c5f2f rgb(140,95,47)
```
#9f6c35
```
#9f6c35 rgb(159,108,53)
```

Monochromatic Color

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

#663422
```
#663422 rgb(102,52,34)
```
#663a22
```
#663a22 rgb(102,58,34)
```
#663f22
```
#663f22 rgb(102,63,34)
```
#664522
```
#664522 rgb(102,69,34)
```
#664b22
```
#664b22 rgb(102,75,34)
```
#665022
```
#665022 rgb(102,80,34)
```
#665622
```
#665622 rgb(102,86,34)
```

Similar Colors

Text with hexadecimal color #664522

This text has a font color of #664522.

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

#664522 background color

This paragraph has a background color of #664522.

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

#664522 border color

This element has a border color of #664522.

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

CSS codes

.text {color:#664522;}

.background {background-color:#664522;}

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

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

#0e0905
```
#0e0905 rgb(14,9,5)
```
#1c1309
```
#1c1309 rgb(28,19,9)
```
#2b1d0e
```
#2b1d0e rgb(43,29,14)
```
#3a2713
```
#3a2713 rgb(58,39,19)
```
#493118
```
#493118 rgb(73,49,24)
```
#573b1d
```
#573b1d rgb(87,59,29)
```
#664522
```
#664522 rgb(102,69,34)
```
#754f27
```
#754f27 rgb(117,79,39)
```
#83592c
```
#83592c rgb(131,89,44)
```
#926331
```
#926331 rgb(146,99,49)
```
#a16d36
```
#a16d36 rgb(161,109,54)
```
#b0773b
```
#b0773b rgb(176,119,59)
```
#be813f
```
#be813f rgb(190,129,63)
```

Shade Color Variation

#c48a4d
```
#c48a4d rgb(196,138,77)
```
#c9945c
```
#c9945c rgb(201,148,92)
```
#ce9e6b
```
#ce9e6b rgb(206,158,107)
```
#d3a77a
```
#d3a77a rgb(211,167,122)
```
#d7b188
```
#d7b188 rgb(215,177,136)
```
#dcbb97
```
#dcbb97 rgb(220,187,151)
```
#e1c4a6
```
#e1c4a6 rgb(225,196,166)
```
#e6ceb4
```
#e6ceb4 rgb(230,206,180)
```
#ebd8c3
```
#ebd8c3 rgb(235,216,195)
```
#f0e1d2
```
#f0e1d2 rgb(240,225,210)
```
#f5ebe1
```
#f5ebe1 rgb(245,235,225)
```
#faf5ef
```
#faf5ef rgb(250,245,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#474441
```
#474441 rgb(71,68,65)
```
#4c443c
```
#4c443c rgb(76,68,60)
```
#514437
```
#514437 rgb(81,68,55)
```
#564532
```
#564532 rgb(86,69,50)
```
#5c452c
```
#5c452c rgb(92,69,44)
```
#614527
```
#614527 rgb(97,69,39)
```
#664522
```
#664522 rgb(102,69,34)
```
#6b451d
```
#6b451d rgb(107,69,29)
```
#704518
```
#704518 rgb(112,69,24)
```
#764512
```
#764512 rgb(118,69,18)
```
#7b460d
```
#7b460d rgb(123,70,13)
```
#804608
```
#804608 rgb(128,70,8)
```
#854603
```
#854603 rgb(133,70,3)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#504a43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d552f Protanopia 1% of men
#67512c Deuteranopia 1% of men
#704a4f Tritanopia 0.001% of the population

Trichromacy

#604f2a Protanomaly 1% of men, 0.01% of women
#674c28 Deuteranomaly 6% of men, 0.4% of women
#6c483f Tritanomaly 0.01% of the population

#664522 hex color

#664522 Color Information

#664522 Color Conversion

Color Schemes with #664522

Alternatives to #664522

#664522 Preview

Shades and Tints of #664522

Tones of #664522

Color Blindness Simulator