#664216 Color Information
In a RGB color space, hex #664216 is composed of 40% red, 25.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.3% magenta, 78.4% yellow and 60% black. It has a hue angle of 33 degrees, a saturation of 64.5% and a lightness of 24.3%. #664216 color hex could be obtained by blending #cc842c with #000000. Closest websafe color is: #663300.
-
- R 40
- G 26
- B 9
-
- C 0
- M 35
- Y 78
- K 60
● #664216 color description : Very dark orange [Brown tone].
#664216 Color Conversion
The hexadecimal color #664216 has RGB values of R:102, G:66, B:22 and CMYK values of C:0, M:0.35, Y:0.78, K:0.6. Its decimal value is 6701590.
Hex triplet | 664216 | #664216 |
---|---|---|
RGB Decimal | 102, 66, 22 | rgb(102,66,22) |
RGB Percent | 40, 25.9, 8.6 | rgb(40%,25.9%,8.6%) |
CMYK | 0, 35, 78, 60 | |
HSL | 33°, 64.5, 24.3 | hsl(33,64.5%,24.3%) |
HSV (or HSB) | 33°, 78.4, 40 | |
Web Safe | 663300 | #663300 |
CIE-LAB | 31.3, 11.271, 31.872 |
---|---|
XYZ | 7.573, 6.78, 1.669 |
xyY | 0.473, 0.423, 6.78 |
CIE-LCH | 31.3, 33.806, 70.525 |
CIE-LUV | 31.3, 27.357, 26.699 |
Hunter-Lab | 26.038, 6.348, 14.426 |
Binary | 01100110, 01000010, 00010110 |
Color Schemes with #664216
Alternatives to #664216
Below, you can see some colors close to #664216. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#664216 Preview
This text has a font color of #664216.
<span style="color:#664216;">Text here</span>
This paragraph has a background color of #664216.
<p style="background-color:#664216;">Content here</p>
This element has a border color of #664216.
<div style="border:1px solid #664216;">Content here</div>
.text {color:#664216;}
.background {background-color:#664216;}
.border {border:1px solid #664216;}
Shades and Tints of #664216
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, #050301 is the darkest color, while #fdf9f4 is the lightest one.
-
#050301
#050301
rgb(5,3,1)
-
#150e05
#150e05
rgb(21,14,5)
-
#251808
#251808
rgb(37,24,8)
-
#36230c
#36230c
rgb(54,35,12)
-
#462d0f
#462d0f
rgb(70,45,15)
-
#563813
#563813
rgb(86,56,19)
-
#664216
#664216
rgb(102,66,22)
-
#764c19
#764c19
rgb(118,76,25)
-
#86571d
#86571d
rgb(134,87,29)
-
#966120
#966120
rgb(150,97,32)
-
#a76c24
#a76c24
rgb(167,108,36)
-
#b77627
#b77627
rgb(183,118,39)
-
#c7812b
#c7812b
rgb(199,129,43)
-
#d38b32
#d38b32
rgb(211,139,50)
-
#d69443
#d69443
rgb(214,148,67)
-
#da9d53
#da9d53
rgb(218,157,83)
-
#dda663
#dda663
rgb(221,166,99)
-
#e1af73
#e1af73
rgb(225,175,115)
-
#e4b983
#e4b983
rgb(228,185,131)
-
#e8c293
#e8c293
rgb(232,194,147)
-
#ebcba3
#ebcba3
rgb(235,203,163)
-
#efd4b4
#efd4b4
rgb(239,212,180)
-
#f2ddc4
#f2ddc4
rgb(242,221,196)
-
#f6e6d4
#f6e6d4
rgb(246,230,212)
-
#f9f0e4
#f9f0e4
rgb(249,240,228)
-
#fdf9f4
#fdf9f4
rgb(253,249,244)
Tones of #664216
A tone is produced by adding gray to any pure hue. In this case, #403e3c is the less saturated color, while #794403 is the most saturated one.
-
#403e3c
#403e3c
rgb(64,62,60)
-
#453f37
#453f37
rgb(69,63,55)
-
#493f33
#493f33
rgb(73,63,51)
-
#4e402e
#4e402e
rgb(78,64,46)
-
#534029
#534029
rgb(83,64,41)
-
#584124
#584124
rgb(88,65,36)
-
#5c4120
#5c4120
rgb(92,65,32)
-
#61421b
#61421b
rgb(97,66,27)
-
#664216
#664216
rgb(102,66,22)
-
#6b4211
#6b4211
rgb(107,66,17)
-
#70430c
#70430c
rgb(112,67,12)
-
#744308
#744308
rgb(116,67,8)
-
#794403
#794403
rgb(121,68,3)
Color Blindness Simulator
Below, you can see how #664216 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.