Color Charts
RGB
CMYK
RYB
#0036c1 Hex Color CodeThe hexadecimal color code #0036c1 is a medium dark shade of blue. In the RGB color model #0036c1 is comprised of 0% red, 21.18% green and 75.69% blue. In the HSL color space #0036c1 has a hue of 223.21 degrees, 100% saturation and 37.84% lightness. This color has an approximate wavelength of 479 nm.
#0036c1 Color InformationInverted
#ffc93e 25% Saturated
#0035c1 Grayscale
#606060
rgb(0, 54, 193)
rgba(0, 54, 193, 1.0)
red: 0%, yellow: 16.5468%, blue: 75.6863%
#0036c1
14017
-16763199 / 0xff0036c1
hsl(223, 100%, 38%)
hsla(223, 100%, 38%, 1.0)
hue: 223 (223.2124), saturation: 100 (100), value: 76 (75.6863)
X: 10.9448, Y: 6.4886, Z: 51.1276
x: 0.1596, y: 0.0946, Y: 6.4886
L: 30.6131, a: 42.3354, b: -75.0842
L: 30.6131, u: -12.1477, v: -97.5638
L: 30.6131, C: 86.197, H: 299.416
L: 25.4727, a: 32.1185, b: -101.1733
cyan: 100 (1), magenta: 72 (0.7202), yellow: 0 (0), key: 24 (0.2431)
cyan: 100 (1), magenta: 79 (0.7882), yellow: 24 (0.2431)
Y: 53.7, I: -76.8242, Q: 31.8291
Y: 53.7, U: 68.5496, V: -47.1114
Y: 53.7, Db: 209.587, Dr: 102.145
Y: 62.13, Cb: 197.013, Cr: 94.425
Y: 52.506, Pb: 75.71, Pr: -33.394
7.5PB 3/18 approximate; exact match: Munsell 7.5PB 3/18 / #342ec0
#0036c1 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0036c1 to White#0036c1 to Black#0036c1 foreground
<p style="color: #0036c1">#0036c1 foreground</p>
#0036c1 background
<p style="background-color: #0036c1; color: #fff">#0036c1 background</p>
#0036c1 border
<p style="border: #0036c1 3px solid">#0036c1 border</p>
#0036c1 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0036c1, #fff); background: -webkit-radial-gradient(50% 50%, #0036c1, #fff); background: -o-radial-gradient(50% 50%, #0036c1, #fff); background: -ms-radial-gradient(50% 50%, #0036c1, #fff); background: radial-gradient(50% 50%, #0036c1, #fff); color: #fff">#0036c1 radial gradient</p>
#0036c1 linear gradient to complementary #c18a00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0036c1, #c18a00); background: -webkit-linear-gradient(top, #0036c1, #c18a00); background: -o-linear-gradient(top, #0036c1, #c18a00); background: -ms-linear-gradient(top, #0036c1, #c18a00); background: linear-gradient(top, #0036c1, #c18a00); color: #fff">#0036c1 linear gradient to complementary #c18a00</p>
#0036c1 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0036c1">#0036c1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0036c1 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 #0036c1.
Jump to paint brand: