Color Charts
RGB
CMYK
RYB
#cc6e35 Hex Color CodeThe hexadecimal color code #cc6e35 is a shade of orange. In the RGB color model #cc6e35 is comprised of 80% red, 43.14% green and 20.78% blue. In the HSL color space #cc6e35 has a hue of 22.65 degrees, 59.68% saturation and 50.39% lightness. This color has an approximate wavelength of 606 nm. Sikkens D6.50.50 is a matching paint color.
#cc6e35 Color InformationInverted
#3391ca 25% Saturated
#de6922 Grayscale
#808080
25% Lighter
#d89268 Original
#cc6e35 25% Darker
#995226
chocolate
#d2691e 25% Desaturated
#b97247 Web Safe: red
#ff0000
rgb(204, 110, 53)
rgba(204, 110, 53, 1.0)
red: 80%, yellow: 56.6917%, blue: 20.7843%
#cc6e35
13397557
-3379659 / 0xffcc6e35
hsl(23, 60%, 50%)
hsla(23, 60%, 50%, 1.0)
hue: 23 (22.649), saturation: 74 (74.0196), value: 80 (80)
X: 31.1204, Y: 24.2463, Z: 6.4079
x: 0.5038, y: 0.3925, Y: 24.2463
L: 56.3335, a: 32.8362, b: 46.9184
L: 56.3335, u: 75.2932, v: 42.9939
L: 56.3335, C: 57.2674, H: 55.0134
L: 49.2405, a: 26.6425, b: 26.7526
cyan: 0 (0), magenta: 46 (0.4608), yellow: 74 (0.7402), key: 20 (0.2)
cyan: 20 (0.2), magenta: 57 (0.5686), yellow: 79 (0.7922)
Y: 131.608, I: 74.3093, Q: 2.1422
Y: 131.608, U: -38.6811, V: 63.5106
Y: 131.608, Db: -118.281, Dr: -137.671
Y: 129.062, Cb: 89.065, Cr: 173.313
Y: 125.918, Pb: -39.31, Pr: 49.622
2.5YR 5/10 approximate; exact match: Munsell 2.5YR 5/10 / #c15f2e
#cc6e35 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#cc6e35 to White#cc6e35 to Black#cc6e35 foreground
<p style="color: #cc6e35; background-color: #000">#cc6e35 foreground</p>
#cc6e35 background
<p style="background-color: #cc6e35">#cc6e35 background</p>
#cc6e35 border
<p style="border: #cc6e35 3px solid">#cc6e35 border</p>
#cc6e35 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #cc6e35, #fff); background: -webkit-radial-gradient(50% 50%, #cc6e35, #fff); background: -o-radial-gradient(50% 50%, #cc6e35, #fff); background: -ms-radial-gradient(50% 50%, #cc6e35, #fff); background: radial-gradient(50% 50%, #cc6e35, #fff)">#cc6e35 radial gradient</p>
#cc6e35 linear gradient to complementary #3493cc
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #cc6e35, #3493cc); background: -webkit-linear-gradient(top, #cc6e35, #3493cc); background: -o-linear-gradient(top, #cc6e35, #3493cc); background: -ms-linear-gradient(top, #cc6e35, #3493cc); background: linear-gradient(top, #cc6e35, #3493cc); color: #000">#cc6e35 linear gradient to complementary #3493cc</p>
#cc6e35 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #cc6e35">#cc6e35 text shadow</p>
The matching paint colors are listed in order of relevancy to the #cc6e35 hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #cc6e35.
Jump to paint brand: