#664500 hex color

In a RGB color space, hex #664500 is composed of 40% red, 27.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.4% magenta, 100% yellow and 60% black. It has a hue angle of 40.6 degrees, a saturation of 100% and a lightness of 20%. #664500 color hex could be obtained by blending #cc8a00 with #000000. Closest websafe color is: #663300.

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

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

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

Hex triplet	664500	`#664500`
RGB Decimal	102, 69, 0	`rgb(102,69,0)`
RGB Percent	40, 27.1, 0	`rgb(40%,27.1%,0%)`
CMYK	0, 32, 100, 60
HSL	40.6°, 100, 20	`hsl(40.6,100%,20%)`
HSV (or HSB)	40.6°, 100, 40
Web Safe	663300	`#663300`

CIE-LAB	31.992, 8.621, 41.338
XYZ	7.608, 7.082, 0.966
xyY	0.486, 0.452, 7.082
CIE-LCH	31.992, 42.228, 78.22
CIE-LUV	31.992, 26.143, 32.298
Hunter-Lab	26.611, 4.462, 16.475
Binary	01100110, 01000101, 00000000

#664500
```
#664500 rgb(102,69,0)
```
#002166
```
#002166 rgb(0,33,102)
```

Complementary Color

#661200
```
#661200 rgb(102,18,0)
```
#664500
```
#664500 rgb(102,69,0)
```
#546600
```
#546600 rgb(84,102,0)
```

Analogous Color

#120066
```
#120066 rgb(18,0,102)
```
#664500
```
#664500 rgb(102,69,0)
```
#005466
```
#005466 rgb(0,84,102)
```

Split Complementary Color

#450066
```
#450066 rgb(69,0,102)
```
#664500
```
#664500 rgb(102,69,0)
```
#006645
```
#006645 rgb(0,102,69)
```

Triadic Color

#660021
```
#660021 rgb(102,0,33)
```
#664500
```
#664500 rgb(102,69,0)
```
#006645
```
#006645 rgb(0,102,69)
```
#002166
```
#002166 rgb(0,33,102)
```

Tetradic Color

#1a1100
```
#1a1100 rgb(26,17,0)
```
#332300
```
#332300 rgb(51,35,0)
```
#4d3400
```
#4d3400 rgb(77,52,0)
```
#664500
```
#664500 rgb(102,69,0)
```
#805600
```
#805600 rgb(128,86,0)
```
#996800
```
#996800 rgb(153,104,0)
```
#b37900
```
#b37900 rgb(179,121,0)
```

Monochromatic Color

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

#662c00
```
#662c00 rgb(102,44,0)
```
#663400
```
#663400 rgb(102,52,0)
```
#663d00
```
#663d00 rgb(102,61,0)
```
#664500
```
#664500 rgb(102,69,0)
```
#664e00
```
#664e00 rgb(102,78,0)
```
#665600
```
#665600 rgb(102,86,0)
```
#665f00
```
#665f00 rgb(102,95,0)
```

Similar Colors

Text with hexadecimal color #664500

This text has a font color of #664500.

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

#664500 background color

This paragraph has a background color of #664500.

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

#664500 border color

This element has a border color of #664500.

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

CSS codes

.text {color:#664500;}

.background {background-color:#664500;}

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

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, #040300 is the darkest color, while #fffaef is the lightest one.

#040300
```
#040300 rgb(4,3,0)
```
#181000
```
#181000 rgb(24,16,0)
```
#2b1d00
```
#2b1d00 rgb(43,29,0)
```
#3f2a00
```
#3f2a00 rgb(63,42,0)
```
#523800
```
#523800 rgb(82,56,0)
```
#664500
```
#664500 rgb(102,69,0)
```
#7a5200
```
#7a5200 rgb(122,82,0)
```
#8d6000
```
#8d6000 rgb(141,96,0)
```
#a16d00
```
#a16d00 rgb(161,109,0)
```
#b47a00
```
#b47a00 rgb(180,122,0)
```
#c88700
```
#c88700 rgb(200,135,0)
```
#dc9500
```
#dc9500 rgb(220,149,0)
```
#efa200
```
#efa200 rgb(239,162,0)
```

Shade Color Variation

#ffae04
```
#ffae04 rgb(255,174,4)
```
#ffb418
```
#ffb418 rgb(255,180,24)
```
#ffba2b
```
#ffba2b rgb(255,186,43)
```
#ffc13f
```
#ffc13f rgb(255,193,63)
```
#ffc752
```
#ffc752 rgb(255,199,82)
```
#ffce66
```
#ffce66 rgb(255,206,102)
```
#ffd47a
```
#ffd47a rgb(255,212,122)
```
#ffda8d
```
#ffda8d rgb(255,218,141)
```
#ffe1a1
```
#ffe1a1 rgb(255,225,161)
```
#ffe7b4
```
#ffe7b4 rgb(255,231,180)
```
#ffedc8
```
#ffedc8 rgb(255,237,200)
```
#fff4dc
```
#fff4dc rgb(255,244,220)
```
#fffaef
```
#fffaef rgb(255,250,239)
```

Tint Color Variation

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

#37342f
```
#37342f rgb(55,52,47)
```
#3b362b
```
#3b362b rgb(59,54,43)
```
#3f3727
```
#3f3727 rgb(63,55,39)
```
#433923
```
#433923 rgb(67,57,35)
```
#473a1f
```
#473a1f rgb(71,58,31)
```
#4b3b1b
```
#4b3b1b rgb(75,59,27)
```
#4e3d18
```
#4e3d18 rgb(78,61,24)
```
#523e14
```
#523e14 rgb(82,62,20)
```
#563f10
```
#563f10 rgb(86,63,16)
```
#5a410c
```
#5a410c rgb(90,65,12)
```
#5e4208
```
#5e4208 rgb(94,66,8)
```
#624404
```
#624404 rgb(98,68,4)
```
#664500
```
#664500 rgb(102,69,0)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4d4739 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5408 Protanopia 1% of men
#695000 Deuteranopia 1% of men
#71494e Tritanopia 0.001% of the population

Trichromacy

#614f05 Protanomaly 1% of men, 0.01% of women
#684c00 Deuteranomaly 6% of men, 0.4% of women
#6d4731 Tritanomaly 0.01% of the population

#664500 hex color

#664500 Color Information

#664500 Color Conversion

Color Schemes with #664500

Alternatives to #664500

#664500 Preview

Shades and Tints of #664500

Tones of #664500

Color Blindness Simulator