#664c22 Color Information
In a RGB color space, hex #664c22 is composed of 40% red, 29.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.5% magenta, 66.7% yellow and 60% black. It has a hue angle of 37.1 degrees, a saturation of 50% and a lightness of 26.7%. #664c22 color hex could be obtained by blending #cc9844 with #000000. Closest websafe color is: #663333.
-
- R 40
- G 30
- B 13
-
- C 0
- M 25
- Y 67
- K 60
● #664c22 color description : Very dark orange [Brown tone].
#664c22 Color Conversion
The hexadecimal color #664c22 has RGB values of R:102, G:76, B:34 and CMYK values of C:0, M:0.25, Y:0.67, K:0.6. Its decimal value is 6704162.
Hex triplet | 664c22 | #664c22 |
---|---|---|
RGB Decimal | 102, 76, 34 | rgb(102,76,34) |
RGB Percent | 40, 29.8, 13.3 | rgb(40%,29.8%,13.3%) |
CMYK | 0, 25, 67, 60 | |
HSL | 37.1°, 50, 26.7 | hsl(37.1,50%,26.7%) |
HSV (or HSB) | 37.1°, 66.7, 40 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 34.21, 5.875, 28.692 |
---|---|
XYZ | 8.353, 8.11, 2.639 |
xyY | 0.437, 0.425, 8.11 |
CIE-LCH | 34.21, 29.288, 78.429 |
CIE-LUV | 34.21, 19.756, 27.077 |
Hunter-Lab | 28.477, 2.521, 14.44 |
Binary | 01100110, 01001100, 00100010 |
Color Schemes with #664c22
Alternatives to #664c22
Below, you can see some colors close to #664c22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#664c22 Preview
This text has a font color of #664c22.
<span style="color:#664c22;">Text here</span>
This paragraph has a background color of #664c22.
<p style="background-color:#664c22;">Content here</p>
This element has a border color of #664c22.
<div style="border:1px solid #664c22;">Content here</div>
.text {color:#664c22;}
.background {background-color:#664c22;}
.border {border:1px solid #664c22;}
Shades and Tints of #664c22
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, #0e0a05 is the darkest color, while #fffefe is the lightest one.
-
#0e0a05
#0e0a05
rgb(14,10,5)
-
#1c1509
#1c1509
rgb(28,21,9)
-
#2b200e
#2b200e
rgb(43,32,14)
-
#3a2b13
#3a2b13
rgb(58,43,19)
-
#493618
#493618
rgb(73,54,24)
-
#57411d
#57411d
rgb(87,65,29)
-
#664c22
#664c22
rgb(102,76,34)
-
#755727
#755727
rgb(117,87,39)
-
#83622c
#83622c
rgb(131,98,44)
-
#926d31
#926d31
rgb(146,109,49)
-
#a17836
#a17836
rgb(161,120,54)
-
#b0833b
#b0833b
rgb(176,131,59)
-
#be8e3f
#be8e3f
rgb(190,142,63)
-
#c4974d
#c4974d
rgb(196,151,77)
-
#c99f5c
#c99f5c
rgb(201,159,92)
-
#cea86b
#cea86b
rgb(206,168,107)
-
#d3b17a
#d3b17a
rgb(211,177,122)
-
#d7b988
#d7b988
rgb(215,185,136)
-
#dcc297
#dcc297
rgb(220,194,151)
-
#e1cba6
#e1cba6
rgb(225,203,166)
-
#e6d3b4
#e6d3b4
rgb(230,211,180)
-
#ebdcc3
#ebdcc3
rgb(235,220,195)
-
#f0e4d2
#f0e4d2
rgb(240,228,210)
-
#f5ede1
#f5ede1
rgb(245,237,225)
-
#faf6ef
#faf6ef
rgb(250,246,239)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #664c22
A tone is produced by adding gray to any pure hue. In this case, #474541 is the less saturated color, while #855303 is the most saturated one.
-
#474541
#474541
rgb(71,69,65)
-
#4c463c
#4c463c
rgb(76,70,60)
-
#514737
#514737
rgb(81,71,55)
-
#564832
#564832
rgb(86,72,50)
-
#5c4a2c
#5c4a2c
rgb(92,74,44)
-
#614b27
#614b27
rgb(97,75,39)
-
#664c22
#664c22
rgb(102,76,34)
-
#6b4d1d
#6b4d1d
rgb(107,77,29)
-
#704e18
#704e18
rgb(112,78,24)
-
#765012
#765012
rgb(118,80,18)
-
#7b510d
#7b510d
rgb(123,81,13)
-
#805208
#805208
rgb(128,82,8)
-
#855303
#855303
rgb(133,83,3)
Color Blindness Simulator
Below, you can see how #664c22 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.