In a RGB color space, #663333 hex color (also known as City Roast) is composed of 40% red, 20% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 50% yellow and 60% black. It has a hue angle of 0 degrees, a saturation of 33.3% and a lightness of 30%. #663333 color hex could be obtained by blending #cc6666 with #000000. #663333(or #633) is a websafe color.
The hexadecimal color #663333 has RGB values of R:102, G:51, B:51 and CMYK values of C:0, M:0.5, Y:0.5, K:0.6. Its decimal value is 6697779.
Hex triplet | 663333 | #663333 |
RGB Decimal | 102, 51, 51 | rgb(102,51,51) |
RGB Percent | 40, 20, 20 | rgb(40%,20%,20%) |
CMYK | 0, 50, 50, 60 | |
HSL | 0°, 33.3, 30 | hsl(0,33.3%,30%) |
HSV(HSB) | 0°, 50, 40 | |
Web Safe | 663333 | #633 |
XYZ | 7.261, 5.431, 3.798 |
xyY | 0.44, 0.329, 5.431 |
CIE-LAB | 27.93, 22.801, 10.396 |
CIE-LCH | 27.93, 25.059, 24.511 |
CIE-LUV | 27.93, 33.488, 7.219 |
Hunter-Lab | 23.305, 14.827, 6.652 |
Binary | 01100110, 00110011, 00110011 |
Below, you can see some colors close to #663333. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
This text has a font color of #663333.
<span style="color:#663333">Text here</span>
This paragraph has a background color of #663333.
<p style="background-color:#663333;">Content here</p>
This element has a border color of #663333.
<div style="border:1px #663333;">Content here</div>
.text {color:#663333;}
.background {background-color:#663333;}
.border {border:1px solid #663333;}
.text-shadow {border:1px solid #663333;}
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, #030101 is the darkest color, while #f9f4f4 is the lightest one.
A tone is produced by adding gray to any pure hue. In this case, #4d4c4c is the less saturated color, while #930606 is the most saturated one.