Color Charts
RGB
CMYK
RYB
#0078ce Hex Color CodeThe hexadecimal color code #0078ce is a shade of cyan-blue. In the RGB color model #0078ce is comprised of 0% red, 47.06% green and 80.78% blue. In the HSL color space #0078ce has a hue of 205.05 degrees, 100% saturation and 40.39% lightness. This color has an approximate wavelength of 491 nm.
#0078ce Color InformationInverted
#ff8731 25% Saturated
#0077ce Grayscale
#676767
25% Lighter
#0295ff Original
#0078ce 25% Darker
#00599a
royalblue
#4169e1 25% Desaturated
#1973b4 Web Safe: blue
#0000ff
rgb(0, 120, 206)
rgba(0, 120, 206, 1.0)
red: 0%, yellow: 29.7366%, blue: 80.7843%
#0078ce
30926
-16746290 / 0xff0078ce
hsl(205, 100%, 40%)
hsla(205, 100%, 40%, 1.0)
hue: 205 (205.0485), saturation: 100 (100), value: 81 (80.7843)
X: 17.857, Y: 17.8892, Z: 60.9043
x: 0.1848, y: 0.1851, Y: 17.8892
L: 49.3614, a: 4.6395, b: -52.0961
L: 49.3614, u: -29.2043, v: -80.1992
L: 49.3614, C: 52.3022, H: 275.0892
L: 42.2956, a: 1.3448, b: -55.7688
cyan: 100 (1), magenta: 42 (0.4175), yellow: 0 (0), key: 19 (0.1922)
cyan: 100 (1), magenta: 53 (0.5294), yellow: 19 (0.1922)
Y: 93.924, I: -99.1145, Q: 1.3829
Y: 93.924, U: 55.1528, V: -82.4009
Y: 93.924, Db: 168.638, Dr: 178.622
Y: 96.668, Cb: 183.514, Cr: 69.214
Y: 100.632, Pb: 56.8, Pr: -63.956
5PB 5/12 approximate; exact match: Munsell 5PB 5/12 / #2d7bd5
#0078ce / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0078ce to White#0078ce to Black#0078ce foreground
<p style="color: #0078ce">#0078ce foreground</p>
#0078ce background
<p style="background-color: #0078ce; color: #fff">#0078ce background</p>
#0078ce border
<p style="border: #0078ce 3px solid">#0078ce border</p>
#0078ce radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0078ce, #fff); background: -webkit-radial-gradient(50% 50%, #0078ce, #fff); background: -o-radial-gradient(50% 50%, #0078ce, #fff); background: -ms-radial-gradient(50% 50%, #0078ce, #fff); background: radial-gradient(50% 50%, #0078ce, #fff); color: #fff">#0078ce radial gradient</p>
#0078ce linear gradient to complementary #ce5500
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0078ce, #ce5500); background: -webkit-linear-gradient(top, #0078ce, #ce5500); background: -o-linear-gradient(top, #0078ce, #ce5500); background: -ms-linear-gradient(top, #0078ce, #ce5500); background: linear-gradient(top, #0078ce, #ce5500); color: #fff">#0078ce linear gradient to complementary #ce5500</p>
#0078ce text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0078ce">#0078ce text shadow</p>
The matching paint colors are listed in order of relevancy to the #0078ce 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 #0078ce.
Jump to paint brand: