colorhexa.com

#664022 hex color

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

- R 40
- G 25
- B 13
RGB color chart
- C 0
- M 37
- Y 67
- K 60
CMYK color chart

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

The hexadecimal color #664022 has RGB values of R:102, G:64, B:34 and CMYK values of C:0, M:0.37, Y:0.67, K:0.6. Its decimal value is 6701090.

Hex triplet	664022	`#664022`
RGB Decimal	102, 64, 34	`rgb(102,64,34)`
RGB Percent	40, 25.1, 13.3	`rgb(40%,25.1%,13.3%)`
CMYK	0, 37, 67, 60
HSL	26.5°, 50, 26.7	`hsl(26.5,50%,26.7%)`
HSV (or HSB)	26.5°, 66.7, 40
Web Safe	663333	`#663333`

CIE-LAB	30.896, 13.285, 24.87
XYZ	7.602, 6.608, 2.388
xyY	0.458, 0.398, 6.608
CIE-LCH	30.896, 28.196, 61.889
CIE-LUV	30.896, 27.782, 21.634
Hunter-Lab	25.705, 7.804, 12.485
Binary	01100110, 01000000, 00100010

#664022
```
#664022 rgb(102,64,34)
```
#224866
```
#224866 rgb(34,72,102)
```

Complementary Color

#662226
```
#662226 rgb(102,34,38)
```
#664022
```
#664022 rgb(102,64,34)
```
#666222
```
#666222 rgb(102,98,34)
```

Analogous Color

#222666
```
#222666 rgb(34,38,102)
```
#664022
```
#664022 rgb(102,64,34)
```
#226662
```
#226662 rgb(34,102,98)
```

Split Complementary Color

#402266
```
#402266 rgb(64,34,102)
```
#664022
```
#664022 rgb(102,64,34)
```
#226640
```
#226640 rgb(34,102,64)
```

Triadic Color

#2d1c0f
```
#2d1c0f rgb(45,28,15)
```
#402815
```
#402815 rgb(64,40,21)
```
#53341c
```
#53341c rgb(83,52,28)
```
#664022
```
#664022 rgb(102,64,34)
```
#794c28
```
#794c28 rgb(121,76,40)
```
#8c582f
```
#8c582f rgb(140,88,47)
```
#9f6435
```
#9f6435 rgb(159,100,53)
```

Monochromatic Color

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

#662f22
```
#662f22 rgb(102,47,34)
```
#663522
```
#663522 rgb(102,53,34)
```
#663a22
```
#663a22 rgb(102,58,34)
```
#664022
```
#664022 rgb(102,64,34)
```
#664622
```
#664622 rgb(102,70,34)
```
#664b22
```
#664b22 rgb(102,75,34)
```
#665122
```
#665122 rgb(102,81,34)
```

Similar Colors

Text with hexadecimal color #664022

This text has a font color of #664022.

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

#664022 background color

This paragraph has a background color of #664022.

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

#664022 border color

This element has a border color of #664022.

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

CSS codes

.text {color:#664022;}

.background {background-color:#664022;}

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

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)
```
#1c1209
```
#1c1209 rgb(28,18,9)
```
#2b1b0e
```
#2b1b0e rgb(43,27,14)
```
#3a2413
```
#3a2413 rgb(58,36,19)
```
#492e18
```
#492e18 rgb(73,46,24)
```
#57371d
```
#57371d rgb(87,55,29)
```
#664022
```
#664022 rgb(102,64,34)
```
#754927
```
#754927 rgb(117,73,39)
```
#83522c
```
#83522c rgb(131,82,44)
```
#925c31
```
#925c31 rgb(146,92,49)
```
#a16536
```
#a16536 rgb(161,101,54)
```
#b06e3b
```
#b06e3b rgb(176,110,59)
```
#be773f
```
#be773f rgb(190,119,63)
```

Shade Color Variation

#c4824d
```
#c4824d rgb(196,130,77)
```
#c98c5c
```
#c98c5c rgb(201,140,92)
```
#ce966b
```
#ce966b rgb(206,150,107)
```
#d3a17a
```
#d3a17a rgb(211,161,122)
```
#d7ab88
```
#d7ab88 rgb(215,171,136)
```
#dcb697
```
#dcb697 rgb(220,182,151)
```
#e1c0a6
```
#e1c0a6 rgb(225,192,166)
```
#e6cab4
```
#e6cab4 rgb(230,202,180)
```
#ebd5c3
```
#ebd5c3 rgb(235,213,195)
```
#f0dfd2
```
#f0dfd2 rgb(240,223,210)
```
#f5eae1
```
#f5eae1 rgb(245,234,225)
```
#faf4ef
```
#faf4ef rgb(250,244,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 #853c03 is the most saturated one.

#474441
```
#474441 rgb(71,68,65)
```
#4c433c
```
#4c433c rgb(76,67,60)
```
#514237
```
#514237 rgb(81,66,55)
```
#564232
```
#564232 rgb(86,66,50)
```
#5c412c
```
#5c412c rgb(92,65,44)
```
#614127
```
#614127 rgb(97,65,39)
```
#664022
```
#664022 rgb(102,64,34)
```
#6b3f1d
```
#6b3f1d rgb(107,63,29)
```
#703f18
```
#703f18 rgb(112,63,24)
```
#763e12
```
#763e12 rgb(118,62,18)
```
#7b3e0d
```
#7b3e0d rgb(123,62,13)
```
#803d08
```
#803d08 rgb(128,61,8)
```
#853c03
```
#853c03 rgb(133,60,3)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#4e4640 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595230 Protanopia 1% of men
#644e2c Deuteranopia 1% of men
#70464b Tritanopia 0.001% of the population

Trichromacy

#5e4b2b Protanomaly 1% of men, 0.01% of women
#644928 Deuteranomaly 6% of men, 0.4% of women
#6c443c Tritanomaly 0.01% of the population