In the RGB color space, #663300 is composed of 40% red, 20% green, and 0% blue.
In the CMYK color space, #663300 is composed of 0% cyan, 50.0% magenta, 100% yellow, and 60% black,
It has a hue angle of 30 degrees, a saturation of 100%, and a lightness of 20%.
This is a websafe color.
The hexadecimal color #663300 has RGB values of R:102, G:51, B:0 and CMYK values of C:0, M:50, Y:100, K:60. It has a decimal value of 6697728.
Hexadecimal | #663300 | #663300 |
RGB Decimal | 102, 51, 0 | rgb(102, 51, 0) |
RGB Percent | 40, 20, 0 | rgb(40%, 20%, 0%) |
RGB Proportion | 0.4, 0.2, 0.0 | rgb(0.4, 0.2, 0.0) |
CMYK | 0, 50, 100, 60 | |
HSL | 30ยบ, 100, 20 | hsl(30, 100%, 20%) |
Websafe | 663300 | #663300 |
XYZ | 6.663, 5.192, 0.651 | |
Yxy | 5.192, 0.533, 0.415 | |
CIE-LAB | 27.275, 19.635, 37.714 | |
CIE-LCH | 27.275, 42.519, 62.497 | |
CIE-LUV | 27.275, 39.106, 25.493 | |
Hunter-Lab | 22.786, 12.321, 14.256 |
Colors that go well with #663300.
Common HTML and CSS shortcodes for #663300.
<div style="color: #663300;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #663300;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #663300;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #663300 to transparent.
<div style="background: linear-gradient(#663300, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #663300 to transparent.
<div style="background: radial-gradient(#663300, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #663300 to #99CCFF.
<div style="background: linear-gradient(#663300, #99CCFF);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #663300 to #99CCFF.
<div style="background: radial-gradient(#663300, #99CCFF);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #663300; }
.background { background-color: #663300; }
.border { border: 1px solid #663300; }
.linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); }
.radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }
Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #020100 while the lightest tint is #FCFCFA.