#664200 Color Information
In a RGB color space, hex #664200 is composed of 40% red, 25.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.3% magenta, 100% yellow and 60% black. It has a hue angle of 38.8 degrees, a saturation of 100% and a lightness of 20%. #664200 color hex could be obtained by blending #cc8400 with #000000. Closest websafe color is: #663300.
-
- R 40
- G 26
- B 0
-
- C 0
- M 35
- Y 100
- K 60
● #664200 color description : Very dark orange [Brown tone].
#664200 Color Conversion
The hexadecimal color #664200 has RGB values of R:102, G:66, B:0 and CMYK values of C:0, M:0.35, Y:1, K:0.6. Its decimal value is 6701568.
Hex triplet | 664200 | #664200 |
---|---|---|
RGB Decimal | 102, 66, 0 | rgb(102,66,0) |
RGB Percent | 40, 25.9, 0 | rgb(40%,25.9%,0%) |
CMYK | 0, 35, 100, 60 | |
HSL | 38.8°, 100, 20 | hsl(38.8,100%,20%) |
HSV (or HSB) | 38.8°, 100, 40 | |
Web Safe | 663300 | #663300 |
CIE-LAB | 31.165, 10.473, 40.77 |
---|---|
XYZ | 7.428, 6.722, 0.906 |
xyY | 0.493, 0.446, 6.722 |
CIE-LCH | 31.165, 42.094, 75.593 |
CIE-LUV | 31.165, 28.319, 31.116 |
Hunter-Lab | 25.926, 5.769, 16.076 |
Binary | 01100110, 01000010, 00000000 |
Color Schemes with #664200
Alternatives to #664200
Below, you can see some colors close to #664200. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#664200 Preview
This text has a font color of #664200.
<span style="color:#664200;">Text here</span>
This paragraph has a background color of #664200.
<p style="background-color:#664200;">Content here</p>
This element has a border color of #664200.
<div style="border:1px solid #664200;">Content here</div>
.text {color:#664200;}
.background {background-color:#664200;}
.border {border:1px solid #664200;}
Shades and Tints of #664200
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 #fff9ef is the lightest one.
-
#040300
#040300
rgb(4,3,0)
-
#180f00
#180f00
rgb(24,15,0)
-
#2b1c00
#2b1c00
rgb(43,28,0)
-
#3f2900
#3f2900
rgb(63,41,0)
-
#523500
#523500
rgb(82,53,0)
-
#664200
#664200
rgb(102,66,0)
-
#7a4f00
#7a4f00
rgb(122,79,0)
-
#8d5b00
#8d5b00
rgb(141,91,0)
-
#a16800
#a16800
rgb(161,104,0)
-
#b47500
#b47500
rgb(180,117,0)
-
#c88100
#c88100
rgb(200,129,0)
-
#dc8e00
#dc8e00
rgb(220,142,0)
-
#ef9b00
#ef9b00
rgb(239,155,0)
-
#ffa604
#ffa604
rgb(255,166,4)
-
#ffad18
#ffad18
rgb(255,173,24)
-
#ffb42b
#ffb42b
rgb(255,180,43)
-
#ffbb3f
#ffbb3f
rgb(255,187,63)
-
#ffc252
#ffc252
rgb(255,194,82)
-
#ffc966
#ffc966
rgb(255,201,102)
-
#ffd07a
#ffd07a
rgb(255,208,122)
-
#ffd78d
#ffd78d
rgb(255,215,141)
-
#ffdea1
#ffdea1
rgb(255,222,161)
-
#ffe5b4
#ffe5b4
rgb(255,229,180)
-
#ffecc8
#ffecc8
rgb(255,236,200)
-
#fff3dc
#fff3dc
rgb(255,243,220)
-
#fff9ef
#fff9ef
rgb(255,249,239)
Tones of #664200
A tone is produced by adding gray to any pure hue. In this case, #37342f is the less saturated color, while #664200 is the most saturated one.
-
#37342f
#37342f
rgb(55,52,47)
-
#3b352b
#3b352b
rgb(59,53,43)
-
#3f3627
#3f3627
rgb(63,54,39)
-
#433823
#433823
rgb(67,56,35)
-
#47391f
#47391f
rgb(71,57,31)
-
#4b3a1b
#4b3a1b
rgb(75,58,27)
-
#4e3b18
#4e3b18
rgb(78,59,24)
-
#523c14
#523c14
rgb(82,60,20)
-
#563d10
#563d10
rgb(86,61,16)
-
#5a3f0c
#5a3f0c
rgb(90,63,12)
-
#5e4008
#5e4008
rgb(94,64,8)
-
#624104
#624104
rgb(98,65,4)
-
#664200
#664200
rgb(102,66,0)
Color Blindness Simulator
Below, you can see how #664200 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.