#664b18 hex color

In a RGB color space, hex #664b18 is composed of 40% red, 29.4% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.5% magenta, 76.5% yellow and 60% black. It has a hue angle of 39.2 degrees, a saturation of 61.9% and a lightness of 24.7%. #664b18 color hex could be obtained by blending #cc9630 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 40
- G 29
- B 9
RGB color chart
- C 0
- M 26
- Y 76
- K 60
CMYK color chart

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

The hexadecimal color #664b18 has RGB values of R:102, G:75, B:24 and CMYK values of C:0, M:0.26, Y:0.76, K:0.6. Its decimal value is 6703896.

Hex triplet	664b18	`#664b18`
RGB Decimal	102, 75, 24	`rgb(102,75,24)`
RGB Percent	40, 29.4, 9.4	`rgb(40%,29.4%,9.4%)`
CMYK	0, 26, 76, 60
HSL	39.2°, 61.9, 24.7	`hsl(39.2,61.9%,24.7%)`
HSV (or HSB)	39.2°, 76.5, 40
Web Safe	663300	`#663300`

CIE-LAB	33.823, 5.826, 33.453
XYZ	8.161, 7.923, 1.964
xyY	0.452, 0.439, 7.923
CIE-LCH	33.823, 33.956, 80.121
CIE-LUV	33.823, 21.006, 29.999
Hunter-Lab	28.148, 2.49, 15.568
Binary	01100110, 01001011, 00011000

#664b18
```
#664b18 rgb(102,75,24)
```
#183366
```
#183366 rgb(24,51,102)
```

Complementary Color

#662418
```
#662418 rgb(102,36,24)
```
#664b18
```
#664b18 rgb(102,75,24)
```
#5a6618
```
#5a6618 rgb(90,102,24)
```

Analogous Color

#241866
```
#241866 rgb(36,24,102)
```
#664b18
```
#664b18 rgb(102,75,24)
```
#185a66
```
#185a66 rgb(24,90,102)
```

Split Complementary Color

#4b1866
```
#4b1866 rgb(75,24,102)
```
#664b18
```
#664b18 rgb(102,75,24)
```
#18664b
```
#18664b rgb(24,102,75)
```

Triadic Color

#661833
```
#661833 rgb(102,24,51)
```
#664b18
```
#664b18 rgb(102,75,24)
```
#18664b
```
#18664b rgb(24,102,75)
```
#183366
```
#183366 rgb(24,51,102)
```

Tetradic Color

#281d09
```
#281d09 rgb(40,29,9)
```
#3d2d0e
```
#3d2d0e rgb(61,45,14)
```
#513c13
```
#513c13 rgb(81,60,19)
```
#664b18
```
#664b18 rgb(102,75,24)
```
#7b5a1d
```
#7b5a1d rgb(123,90,29)
```
#8f6922
```
#8f6922 rgb(143,105,34)
```
#a47927
```
#a47927 rgb(164,121,39)
```

Monochromatic Color

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

#663818
```
#663818 rgb(102,56,24)
```
#663e18
```
#663e18 rgb(102,62,24)
```
#664518
```
#664518 rgb(102,69,24)
```
#664b18
```
#664b18 rgb(102,75,24)
```
#665218
```
#665218 rgb(102,82,24)
```
#665818
```
#665818 rgb(102,88,24)
```
#665f18
```
#665f18 rgb(102,95,24)
```

Similar Colors

Text with hexadecimal color #664b18

This text has a font color of #664b18.

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

#664b18 background color

This paragraph has a background color of #664b18.

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

#664b18 border color

This element has a border color of #664b18.

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

CSS codes

.text {color:#664b18;}

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

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

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

#070502
```
#070502 rgb(7,5,2)
```
#171105
```
#171105 rgb(23,17,5)
```
#261c09
```
#261c09 rgb(38,28,9)
```
#36280d
```
#36280d rgb(54,40,13)
```
#463411
```
#463411 rgb(70,52,17)
```
#563f14
```
#563f14 rgb(86,63,20)
```
#664b18
```
#664b18 rgb(102,75,24)
```
#76571c
```
#76571c rgb(118,87,28)
```
#86621f
```
#86621f rgb(134,98,31)
```
#966e23
```
#966e23 rgb(150,110,35)
```
#a67a27
```
#a67a27 rgb(166,122,39)
```
#b5852b
```
#b5852b rgb(181,133,43)
```
#c5912e
```
#c5912e rgb(197,145,46)
```

Shade Color Variation

#d09b37
```
#d09b37 rgb(208,155,55)
```
#d4a347
```
#d4a347 rgb(212,163,71)
```
#d7ab57
```
#d7ab57 rgb(215,171,87)
```
#dbb367
```
#dbb367 rgb(219,179,103)
```
#dfbb77
```
#dfbb77 rgb(223,187,119)
```
#e3c387
```
#e3c387 rgb(227,195,135)
```
#e6cb97
```
#e6cb97 rgb(230,203,151)
```
#ead3a6
```
#ead3a6 rgb(234,211,166)
```
#eedbb6
```
#eedbb6 rgb(238,219,182)
```
#f2e3c6
```
#f2e3c6 rgb(242,227,198)
```
#f5ebd6
```
#f5ebd6 rgb(245,235,214)
```
#f9f2e6
```
#f9f2e6 rgb(249,242,230)
```
#fdfaf6
```
#fdfaf6 rgb(253,250,246)
```

Tint Color Variation

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

#3f3f3f
```
#3f3f3f rgb(63,63,63)
```
#44413a
```
#44413a rgb(68,65,58)
```
#494235
```
#494235 rgb(73,66,53)
```
#4e4430
```
#4e4430 rgb(78,68,48)
```
#53452b
```
#53452b rgb(83,69,43)
```
#574727
```
#574727 rgb(87,71,39)
```
#5c4822
```
#5c4822 rgb(92,72,34)
```
#614a1d
```
#614a1d rgb(97,74,29)
```
#664b18
```
#664b18 rgb(102,75,24)
```
#6b4c13
```
#6b4c13 rgb(107,76,19)
```
#704e0e
```
#704e0e rgb(112,78,14)
```
#754f09
```
#754f09 rgb(117,79,9)
```
#795105
```
#795105 rgb(121,81,5)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#524d42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#625825 Protanopia 1% of men
#6d5423 Deuteranopia 1% of men
#714f54 Tritanopia 0.001% of the population

Trichromacy

#635320 Protanomaly 1% of men, 0.01% of women
#6a511f Deuteranomaly 6% of men, 0.4% of women
#6d4d3e Tritanomaly 0.01% of the population

#664b18 hex color

#664b18 Color Information

#664b18 Color Conversion

Color Schemes with #664b18

Alternatives to #664b18

#664b18 Preview

Shades and Tints of #664b18

Tones of #664b18

Color Blindness Simulator