Color Charts
RGB
CMYK
RYB
#c55900 Hex Color CodeThe hexadecimal color code #c55900 is a medium dark shade of orange. In the RGB color model #c55900 is comprised of 77.25% red, 34.9% green and 0% blue. In the HSL color space #c55900 has a hue of 27.11 degrees, 100% saturation and 38.63% lightness. This color has an approximate wavelength of 603 nm.
#c55900 Color InformationInverted
#3aa6ff 25% Saturated
#c55900 Grayscale
#626262
25% Lighter
#f66f00 Original
#c55900 25% Darker
#934200
chocolate
#d2691e 25% Desaturated
#ac5b18 Web Safe: red
#ff0000
rgb(197, 89, 0)
rgba(197, 89, 0, 1.0)
red: 77.2549%, yellow: 63.6638%, blue: 0%
#c55900
12933376
-3843840 / 0xffc55900
hsl(27, 100%, 39%)
hsla(27, 100%, 39%, 1.0)
hue: 27 (27.1066), saturation: 100 (100), value: 77 (77.2549)
X: 26.5983, Y: 19.0151, Z: 2.2684
x: 0.5555, y: 0.3971, Y: 19.0151
L: 50.7048, a: 39.525, b: 59.9763
L: 50.7048, u: 89.6919, v: 45.3259
L: 50.7048, C: 71.8288, H: 56.6147
L: 43.6063, a: 32.5679, b: 27.4401
cyan: 0 (0), magenta: 55 (0.5482), yellow: 100 (1), key: 23 (0.2275)
cyan: 23 (0.2275), magenta: 65 (0.651), yellow: 100 (1)
Y: 111.146, I: 92.9297, Q: -4.8538
Y: 111.146, U: -54.6931, V: 75.3209
Y: 111.146, Db: -167.237, Dr: -163.277
Y: 111.485, Cb: 72.945, Cr: 181.731
Y: 105.596, Pb: -56.92, Pr: 58.094
2.5YR 5/12 approximate; exact match: Munsell 2.5YR 5/12 / #c85a15
#c55900 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#c55900 to White#c55900 to Black#c55900 foreground
<p style="color: #c55900">#c55900 foreground</p>
#c55900 background
<p style="background-color: #c55900; color: #fff">#c55900 background</p>
#c55900 border
<p style="border: #c55900 3px solid">#c55900 border</p>
#c55900 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #c55900, #fff); background: -webkit-radial-gradient(50% 50%, #c55900, #fff); background: -o-radial-gradient(50% 50%, #c55900, #fff); background: -ms-radial-gradient(50% 50%, #c55900, #fff); background: radial-gradient(50% 50%, #c55900, #fff); color: #fff">#c55900 radial gradient</p>
#c55900 linear gradient to complementary #006bc5
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #c55900, #006bc5); background: -webkit-linear-gradient(top, #c55900, #006bc5); background: -o-linear-gradient(top, #c55900, #006bc5); background: -ms-linear-gradient(top, #c55900, #006bc5); background: linear-gradient(top, #c55900, #006bc5); color: #fff">#c55900 linear gradient to complementary #006bc5</p>
#c55900 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #c55900">#c55900 text shadow</p>
The matching paint colors are listed in order of relevancy to the #c55900 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 #c55900.
Jump to paint brand: