#663300 Color Information
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.
#663300 RGB Values
#663300 CMYK Values
#663300 Color Conversion
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 |
Color Schemes For #663300
Colors that go well with #663300.
#663300 Preview
Common HTML and CSS shortcodes for #663300.
Text with color #663300
<div style="color: #663300;">The quick brown fox jumps over the lazy dog.</div>
#663300 as background color
<div style="background-color: #663300;">The quick brown fox jumps over the lazy dog.</div>
Border with #663300
<div style="border: 1px solid #663300;">The quick brown fox jumps over the lazy dog.</div>
Linear Gradient with #663300
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 with #663300
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 with #663300 and its Complementary Color
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 with #663300 and its Complementary Color
Radial gradient from #663300 to #99CCFF.
<div style="background: radial-gradient(#663300, #99CCFF);">The quick brown fox jumps over the lazy dog.</div>
CSS Code
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 and Tints of #663300
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.