#664222 Color Information
In a RGB color space, hex #664222 is composed of 40% red, 25.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.3% magenta, 66.7% yellow and 60% black. It has a hue angle of 28.2 degrees, a saturation of 50% and a lightness of 26.7%. #664222 color hex could be obtained by blending #cc8444 with #000000. Closest websafe color is: #663333.
-
- R 40
- G 26
- B 13
-
- C 0
- M 35
- Y 67
- K 60
● #664222 color description : Very dark orange [Brown tone].
#664222 Color Conversion
The hexadecimal color #664222 has RGB values of R:102, G:66, B:34 and CMYK values of C:0, M:0.35, Y:0.67, K:0.6. Its decimal value is 6701602.
Hex triplet | 664222 | #664222 |
---|---|---|
RGB Decimal | 102, 66, 34 | rgb(102,66,34) |
RGB Percent | 40, 25.9, 13.3 | rgb(40%,25.9%,13.3%) |
CMYK | 0, 35, 67, 60 | |
HSL | 28.2°, 50, 26.7 | hsl(28.2,50%,26.7%) |
HSV (or HSB) | 28.2°, 66.7, 40 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 31.433, 12.05, 25.499 |
---|---|
XYZ | 7.717, 6.837, 2.427 |
xyY | 0.454, 0.403, 6.837 |
CIE-LCH | 31.433, 28.203, 64.707 |
CIE-LUV | 31.433, 26.451, 22.525 |
Hunter-Lab | 26.148, 6.918, 12.801 |
Binary | 01100110, 01000010, 00100010 |
Color Schemes with #664222
Alternatives to #664222
Below, you can see some colors close to #664222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#664222 Preview
This text has a font color of #664222.
<span style="color:#664222;">Text here</span>
This paragraph has a background color of #664222.
<p style="background-color:#664222;">Content here</p>
This element has a border color of #664222.
<div style="border:1px solid #664222;">Content here</div>
.text {color:#664222;}
.background {background-color:#664222;}
.border {border:1px solid #664222;}
Shades and Tints of #664222
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, #0e0905 is the darkest color, while #fffefe is the lightest one.
-
#0e0905
#0e0905
rgb(14,9,5)
-
#1c1209
#1c1209
rgb(28,18,9)
-
#2b1c0e
#2b1c0e
rgb(43,28,14)
-
#3a2513
#3a2513
rgb(58,37,19)
-
#492f18
#492f18
rgb(73,47,24)
-
#57381d
#57381d
rgb(87,56,29)
-
#664222
#664222
rgb(102,66,34)
-
#754c27
#754c27
rgb(117,76,39)
-
#83552c
#83552c
rgb(131,85,44)
-
#925f31
#925f31
rgb(146,95,49)
-
#a16836
#a16836
rgb(161,104,54)
-
#b0723b
#b0723b
rgb(176,114,59)
-
#be7b3f
#be7b3f
rgb(190,123,63)
-
#c4854d
#c4854d
rgb(196,133,77)
-
#c98f5c
#c98f5c
rgb(201,143,92)
-
#ce996b
#ce996b
rgb(206,153,107)
-
#d3a37a
#d3a37a
rgb(211,163,122)
-
#d7ae88
#d7ae88
rgb(215,174,136)
-
#dcb897
#dcb897
rgb(220,184,151)
-
#e1c2a6
#e1c2a6
rgb(225,194,166)
-
#e6ccb4
#e6ccb4
rgb(230,204,180)
-
#ebd6c3
#ebd6c3
rgb(235,214,195)
-
#f0e0d2
#f0e0d2
rgb(240,224,210)
-
#f5eae1
#f5eae1
rgb(245,234,225)
-
#faf4ef
#faf4ef
rgb(250,244,239)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #664222
A tone is produced by adding gray to any pure hue. In this case, #474441 is the less saturated color, while #854003 is the most saturated one.
-
#474441
#474441
rgb(71,68,65)
-
#4c443c
#4c443c
rgb(76,68,60)
-
#514337
#514337
rgb(81,67,55)
-
#564332
#564332
rgb(86,67,50)
-
#5c432c
#5c432c
rgb(92,67,44)
-
#614227
#614227
rgb(97,66,39)
-
#664222
#664222
rgb(102,66,34)
-
#6b421d
#6b421d
rgb(107,66,29)
-
#704118
#704118
rgb(112,65,24)
-
#764112
#764112
rgb(118,65,18)
-
#7b410d
#7b410d
rgb(123,65,13)
-
#804008
#804008
rgb(128,64,8)
-
#854003
#854003
rgb(133,64,3)
Color Blindness Simulator
Below, you can see how #664222 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.