In the RGB color space, #C3670A is composed of 76.4706% red, 40.3922% green, and 3.9216% blue.
In the CMYK color space, #C3670A is composed of 0% cyan, 47.18% magenta, 94.87% yellow, and 23.53% black,
It has a hue angle of 30.2 degrees, a saturation of 90.25%, and a lightness of 40.2%.
The closest websafe color is #CC6600.
The hexadecimal color #C3670A has RGB values of R:195, G:103, B:10 and CMYK values of C:0, M:47.18, Y:94.87, K:23.53. It has a decimal value of 12805898.
Hexadecimal | #C3670A | #C3670A |
RGB Decimal | 195, 103, 10 | rgb(195, 103, 10) |
RGB Percent | 76.4706, 40.3922, 3.9216 | rgb(76.4706%, 40.3922%, 3.9216%) |
RGB Proportion | 0.7647, 0.4039, 0.0392 | rgb(0.7647, 0.4039, 0.0392) |
CMYK | 0, 47.18, 94.87, 23.53 | |
HSL | 30.2ยบ, 90.25, 40.2 | hsl(30.2, 90.25%, 40.2%) |
Websafe | CC6600 | #CC6600 |
XYZ | 27.41, 21.323, 2.958 | |
Yxy | 21.323, 0.53, 0.413 | |
CIE-LAB | 53.301, 31.627, 59.362 | |
CIE-LCH | 53.301, 67.262, 61.952 | |
CIE-LUV | 53.301, 76.239, 48.873 | |
Hunter-Lab | 46.177, 25.146, 28.526 |
Colors that go well with #C3670A.
Common HTML and CSS shortcodes for #C3670A.
<div style="color: #C3670A;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #C3670A;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #C3670A;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #C3670A to transparent.
<div style="background: linear-gradient(#C3670A, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #C3670A to transparent.
<div style="background: radial-gradient(#C3670A, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #C3670A to #3C98F5.
<div style="background: linear-gradient(#C3670A, #3C98F5);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #C3670A to #3C98F5.
<div style="background: radial-gradient(#C3670A, #3C98F5);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #C3670A; }
.background { background-color: #C3670A; }
.border { border: 1px solid #C3670A; }
.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 #040200 while the lightest tint is #FEFCFA.