#663318 Color Information
In a RGB color space, hex #663318 is composed of 40% red, 20% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 76.5% yellow and 60% black. It has a hue angle of 20.8 degrees, a saturation of 61.9% and a lightness of 24.7%. #663318 color hex could be obtained by blending #cc6630 with #000000. Closest websafe color is: #663300.
-
- R 40
- G 20
- B 9
-
- C 0
- M 50
- Y 76
- K 60
● #663318 color description : Very dark orange [Brown tone].
#663318 Color Conversion
The hexadecimal color #663318 has RGB values of R:102, G:51, B:24 and CMYK values of C:0, M:0.5, Y:0.76, K:0.6. Its decimal value is 6697752.
Hex triplet | 663318 | #663318 |
---|---|---|
RGB Decimal | 102, 51, 24 | rgb(102,51,24) |
RGB Percent | 40, 20, 9.4 | rgb(40%,20%,9.4%) |
CMYK | 0, 50, 76, 60 | |
HSL | 20.8°, 61.9, 24.7 | hsl(20.8,61.9%,24.7%) |
HSV (or HSB) | 20.8°, 76.5, 40 | |
Web Safe | 663300 | #663300 |
CIE-LAB | 27.46, 20.528, 26.779 |
---|---|
XYZ | 6.828, 5.259, 1.52 |
xyY | 0.502, 0.386, 5.259 |
CIE-LCH | 27.46, 33.742, 52.527 |
CIE-LUV | 27.46, 37.387, 19.983 |
Hunter-Lab | 22.932, 13.019, 12.124 |
Binary | 01100110, 00110011, 00011000 |
Color Schemes with #663318
Alternatives to #663318
Below, you can see some colors close to #663318. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#663318 Preview
This text has a font color of #663318.
<span style="color:#663318;">Text here</span>
This paragraph has a background color of #663318.
<p style="background-color:#663318;">Content here</p>
This element has a border color of #663318.
<div style="border:1px solid #663318;">Content here</div>
.text {color:#663318;}
.background {background-color:#663318;}
.border {border:1px solid #663318;}
Shades and Tints of #663318
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, #070302 is the darkest color, while #fdf8f6 is the lightest one.
-
#070302
#070302
rgb(7,3,2)
-
#170b05
#170b05
rgb(23,11,5)
-
#261309
#261309
rgb(38,19,9)
-
#361b0d
#361b0d
rgb(54,27,13)
-
#462311
#462311
rgb(70,35,17)
-
#562b14
#562b14
rgb(86,43,20)
-
#663318
#663318
rgb(102,51,24)
-
#763b1c
#763b1c
rgb(118,59,28)
-
#86431f
#86431f
rgb(134,67,31)
-
#964b23
#964b23
rgb(150,75,35)
-
#a65327
#a65327
rgb(166,83,39)
-
#b55b2b
#b55b2b
rgb(181,91,43)
-
#c5632e
#c5632e
rgb(197,99,46)
-
#d06c37
#d06c37
rgb(208,108,55)
-
#d47847
#d47847
rgb(212,120,71)
-
#d78457
#d78457
rgb(215,132,87)
-
#db8f67
#db8f67
rgb(219,143,103)
-
#df9b77
#df9b77
rgb(223,155,119)
-
#e3a787
#e3a787
rgb(227,167,135)
-
#e6b297
#e6b297
rgb(230,178,151)
-
#eabea6
#eabea6
rgb(234,190,166)
-
#eecab6
#eecab6
rgb(238,202,182)
-
#f2d5c6
#f2d5c6
rgb(242,213,198)
-
#f5e1d6
#f5e1d6
rgb(245,225,214)
-
#f9ede6
#f9ede6
rgb(249,237,230)
-
#fdf8f6
#fdf8f6
rgb(253,248,246)
Tones of #663318
A tone is produced by adding gray to any pure hue. In this case, #3f3f3f is the less saturated color, while #792d05 is the most saturated one.
-
#3f3f3f
#3f3f3f
rgb(63,63,63)
-
#443d3a
#443d3a
rgb(68,61,58)
-
#493c35
#493c35
rgb(73,60,53)
-
#4e3a30
#4e3a30
rgb(78,58,48)
-
#53392b
#53392b
rgb(83,57,43)
-
#573727
#573727
rgb(87,55,39)
-
#5c3622
#5c3622
rgb(92,54,34)
-
#61341d
#61341d
rgb(97,52,29)
-
#663318
#663318
rgb(102,51,24)
-
#6b3213
#6b3213
rgb(107,50,19)
-
#70300e
#70300e
rgb(112,48,14)
-
#752f09
#752f09
rgb(117,47,9)
-
#792d05
#792d05
rgb(121,45,5)
Color Blindness Simulator
Below, you can see how #663318 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.