#663216 Color Information
In a RGB color space, hex #663216 is composed of 40% red, 19.6% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51% magenta, 78.4% yellow and 60% black. It has a hue angle of 21 degrees, a saturation of 64.5% and a lightness of 24.3%. #663216 color hex could be obtained by blending #cc642c with #000000. Closest websafe color is: #663300.
-
- R 40
- G 20
- B 9
-
- C 0
- M 51
- Y 78
- K 60
● #663216 color description : Very dark orange [Brown tone].
#663216 Color Conversion
The hexadecimal color #663216 has RGB values of R:102, G:50, B:22 and CMYK values of C:0, M:0.51, Y:0.78, K:0.6. Its decimal value is 6697494.
Hex triplet | 663216 | #663216 |
---|---|---|
RGB Decimal | 102, 50, 22 | rgb(102,50,22) |
RGB Percent | 40, 19.6, 8.6 | rgb(40%,19.6%,8.6%) |
CMYK | 0, 51, 78, 60 | |
HSL | 21°, 64.5, 24.3 | hsl(21,64.5%,24.3%) |
HSV (or HSB) | 21°, 78.4, 40 | |
Web Safe | 663300 | #663300 |
CIE-LAB | 27.198, 21.012, 27.63 |
---|---|
XYZ | 6.765, 5.165, 1.4 |
xyY | 0.508, 0.387, 5.165 |
CIE-LCH | 27.198, 34.712, 52.747 |
CIE-LUV | 27.198, 38.245, 20.251 |
Hunter-Lab | 22.726, 13.368, 12.256 |
Binary | 01100110, 00110010, 00010110 |
Color Schemes with #663216
Alternatives to #663216
Below, you can see some colors close to #663216. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#663216 Preview
This text has a font color of #663216.
<span style="color:#663216;">Text here</span>
This paragraph has a background color of #663216.
<p style="background-color:#663216;">Content here</p>
This element has a border color of #663216.
<div style="border:1px solid #663216;">Content here</div>
.text {color:#663216;}
.background {background-color:#663216;}
.border {border:1px solid #663216;}
Shades and Tints of #663216
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 #fdf7f4 is the lightest one.
-
#050301
#050301
rgb(5,3,1)
-
#150a05
#150a05
rgb(21,10,5)
-
#251208
#251208
rgb(37,18,8)
-
#361a0c
#361a0c
rgb(54,26,12)
-
#46220f
#46220f
rgb(70,34,15)
-
#562a13
#562a13
rgb(86,42,19)
-
#663216
#663216
rgb(102,50,22)
-
#763a19
#763a19
rgb(118,58,25)
-
#86421d
#86421d
rgb(134,66,29)
-
#964a20
#964a20
rgb(150,74,32)
-
#a75224
#a75224
rgb(167,82,36)
-
#b75a27
#b75a27
rgb(183,90,39)
-
#c7612b
#c7612b
rgb(199,97,43)
-
#d36b32
#d36b32
rgb(211,107,50)
-
#d67643
#d67643
rgb(214,118,67)
-
#da8253
#da8253
rgb(218,130,83)
-
#dd8e63
#dd8e63
rgb(221,142,99)
-
#e19973
#e19973
rgb(225,153,115)
-
#e4a583
#e4a583
rgb(228,165,131)
-
#e8b193
#e8b193
rgb(232,177,147)
-
#ebbda3
#ebbda3
rgb(235,189,163)
-
#efc8b4
#efc8b4
rgb(239,200,180)
-
#f2d4c4
#f2d4c4
rgb(242,212,196)
-
#f6e0d4
#f6e0d4
rgb(246,224,212)
-
#f9ebe4
#f9ebe4
rgb(249,235,228)
-
#fdf7f4
#fdf7f4
rgb(253,247,244)
Tones of #663216
A tone is produced by adding gray to any pure hue. In this case, #403d3c is the less saturated color, while #792c03 is the most saturated one.
-
#403d3c
#403d3c
rgb(64,61,60)
-
#453c37
#453c37
rgb(69,60,55)
-
#493b33
#493b33
rgb(73,59,51)
-
#4e392e
#4e392e
rgb(78,57,46)
-
#533829
#533829
rgb(83,56,41)
-
#583624
#583624
rgb(88,54,36)
-
#5c3520
#5c3520
rgb(92,53,32)
-
#61331b
#61331b
rgb(97,51,27)
-
#663216
#663216
rgb(102,50,22)
-
#6b3111
#6b3111
rgb(107,49,17)
-
#702f0c
#702f0c
rgb(112,47,12)
-
#742e08
#742e08
rgb(116,46,8)
-
#792c03
#792c03
rgb(121,44,3)
Color Blindness Simulator
Below, you can see how #663216 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.