#663416 Color Information
In a RGB color space, hex #663416 is composed of 40% red, 20.4% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49% magenta, 78.4% yellow and 60% black. It has a hue angle of 22.5 degrees, a saturation of 64.5% and a lightness of 24.3%. #663416 color hex could be obtained by blending #cc682c with #000000. Closest websafe color is: #663300.
-
- R 40
- G 20
- B 9
-
- C 0
- M 49
- Y 78
- K 60
● #663416 color description : Very dark orange [Brown tone].
#663416 Color Conversion
The hexadecimal color #663416 has RGB values of R:102, G:52, B:22 and CMYK values of C:0, M:0.49, Y:0.78, K:0.6. Its decimal value is 6698006.
Hex triplet | 663416 | #663416 |
---|---|---|
RGB Decimal | 102, 52, 22 | rgb(102,52,22) |
RGB Percent | 40, 20.4, 8.6 | rgb(40%,20.4%,8.6%) |
CMYK | 0, 49, 78, 60 | |
HSL | 22.5°, 64.5, 24.3 | hsl(22.5,64.5%,24.3%) |
HSV (or HSB) | 22.5°, 78.4, 40 | |
Web Safe | 663300 | #663300 |
CIE-LAB | 27.68, 19.824, 28.138 |
---|---|
XYZ | 6.853, 5.339, 1.429 |
xyY | 0.503, 0.392, 5.339 |
CIE-LCH | 27.68, 34.42, 54.834 |
CIE-LUV | 27.68, 36.926, 21.017 |
Hunter-Lab | 23.107, 12.498, 12.509 |
Binary | 01100110, 00110100, 00010110 |
Color Schemes with #663416
Alternatives to #663416
Below, you can see some colors close to #663416. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#663416 Preview
This text has a font color of #663416.
<span style="color:#663416;">Text here</span>
This paragraph has a background color of #663416.
<p style="background-color:#663416;">Content here</p>
This element has a border color of #663416.
<div style="border:1px solid #663416;">Content here</div>
.text {color:#663416;}
.background {background-color:#663416;}
.border {border:1px solid #663416;}
Shades and Tints of #663416
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)
-
#150b05
#150b05
rgb(21,11,5)
-
#251308
#251308
rgb(37,19,8)
-
#361b0c
#361b0c
rgb(54,27,12)
-
#46240f
#46240f
rgb(70,36,15)
-
#562c13
#562c13
rgb(86,44,19)
-
#663416
#663416
rgb(102,52,22)
-
#763c19
#763c19
rgb(118,60,25)
-
#86441d
#86441d
rgb(134,68,29)
-
#964d20
#964d20
rgb(150,77,32)
-
#a75524
#a75524
rgb(167,85,36)
-
#b75d27
#b75d27
rgb(183,93,39)
-
#c7652b
#c7652b
rgb(199,101,43)
-
#d36f32
#d36f32
rgb(211,111,50)
-
#d67a43
#d67a43
rgb(214,122,67)
-
#da8553
#da8553
rgb(218,133,83)
-
#dd9163
#dd9163
rgb(221,145,99)
-
#e19c73
#e19c73
rgb(225,156,115)
-
#e4a883
#e4a883
rgb(228,168,131)
-
#e8b393
#e8b393
rgb(232,179,147)
-
#ebbea3
#ebbea3
rgb(235,190,163)
-
#efcab4
#efcab4
rgb(239,202,180)
-
#f2d5c4
#f2d5c4
rgb(242,213,196)
-
#f6e0d4
#f6e0d4
rgb(246,224,212)
-
#f9ece4
#f9ece4
rgb(249,236,228)
-
#fdf7f4
#fdf7f4
rgb(253,247,244)
Tones of #663416
A tone is produced by adding gray to any pure hue. In this case, #403e3c is the less saturated color, while #792f03 is the most saturated one.
-
#403e3c
#403e3c
rgb(64,62,60)
-
#453c37
#453c37
rgb(69,60,55)
-
#493b33
#493b33
rgb(73,59,51)
-
#4e3a2e
#4e3a2e
rgb(78,58,46)
-
#533929
#533929
rgb(83,57,41)
-
#583824
#583824
rgb(88,56,36)
-
#5c3620
#5c3620
rgb(92,54,32)
-
#61351b
#61351b
rgb(97,53,27)
-
#663416
#663416
rgb(102,52,22)
-
#6b3311
#6b3311
rgb(107,51,17)
-
#70320c
#70320c
rgb(112,50,12)
-
#743008
#743008
rgb(116,48,8)
-
#792f03
#792f03
rgb(121,47,3)
Color Blindness Simulator
Below, you can see how #663416 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.