Color Charts
RGB
CMYK
RYB
#0278d2 Hex Color CodeThe hexadecimal color code #0278d2 is a shade of cyan-blue. In the RGB color model #0278d2 is comprised of 0.78% red, 47.06% green and 82.35% blue. In the HSL color space #0278d2 has a hue of 205.96 degrees, 98.11% saturation and 41.57% lightness. This color has an approximate wavelength of 490 nm.
#0278d2 Color InformationInverted
#fd872d 25% Saturated
#0078d3 Grayscale
#696969
25% Lighter
#0c94fc Original
#0278d2 25% Darker
#01599d
royalblue
#4169e1 25% Desaturated
#1b74b8 Web Safe: blue
#0000ff
rgb(2, 120, 210)
rgba(2, 120, 210, 1.0)
red: 0.7843%, yellow: 30.3092%, blue: 82.3529%
#0278d2
162002
-16615214 / 0xff0278d2
hsl(206, 98%, 42%)
hsla(206, 98%, 42%, 1.0)
hue: 206 (205.9615), saturation: 99 (99.0476), value: 82 (82.3529)
X: 18.3744, Y: 18.099, Z: 63.4978
x: 0.1838, y: 0.181, Y: 18.099
L: 49.616, a: 6.2814, b: -53.9638
L: 49.616, u: -28.9173, v: -83.3539
L: 49.616, C: 54.3282, H: 276.6394
L: 42.5429, a: 2.6444, b: -58.7138
cyan: 99 (0.9905), magenta: 43 (0.4286), yellow: 0 (0), key: 18 (0.1765)
cyan: 99 (0.9922), magenta: 53 (0.5294), yellow: 18 (0.1765)
Y: 94.978, I: -99.2082, Q: 3.0503
Y: 94.978, U: 56.6025, V: -81.5709
Y: 94.978, Db: 173.07, Dr: 176.824
Y: 97.574, Cb: 184.974, Cr: 69.808
Y: 101.346, Pb: 58.57, Pr: -63.14
5PB 5/12 approximate; exact match: Munsell 5PB 5/12 / #2d7bd5
#0278d2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0278d2 to White#0278d2 to Black#0278d2 foreground
<p style="color: #0278d2">#0278d2 foreground</p>
#0278d2 background
<p style="background-color: #0278d2; color: #fff">#0278d2 background</p>
#0278d2 border
<p style="border: #0278d2 3px solid">#0278d2 border</p>
#0278d2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0278d2, #fff); background: -webkit-radial-gradient(50% 50%, #0278d2, #fff); background: -o-radial-gradient(50% 50%, #0278d2, #fff); background: -ms-radial-gradient(50% 50%, #0278d2, #fff); background: radial-gradient(50% 50%, #0278d2, #fff); color: #fff">#0278d2 radial gradient</p>
#0278d2 linear gradient to complementary #d25b01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0278d2, #d25b01); background: -webkit-linear-gradient(top, #0278d2, #d25b01); background: -o-linear-gradient(top, #0278d2, #d25b01); background: -ms-linear-gradient(top, #0278d2, #d25b01); background: linear-gradient(top, #0278d2, #d25b01); color: #fff">#0278d2 linear gradient to complementary #d25b01</p>
#0278d2 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0278d2">#0278d2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0278d2 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 #0278d2.
Jump to paint brand: