Color Charts
RGB
CMYK
RYB
#0228c0 Hex Color CodeThe hexadecimal color code #0228c0 is a medium dark shade of blue. In the RGB color model #0228c0 is comprised of 0.78% red, 15.69% green and 75.29% blue. In the HSL color space #0228c0 has a hue of 228 degrees, 97.94% saturation and 38.04% lightness. This color has an approximate wavelength of 476 nm.
#0228c0 Color InformationInverted
#fdd73f 25% Saturated
#0026c2 Grayscale
#616161
25% Lighter
#0231f0 Original
#0228c0 25% Darker
#011d90
mediumblue
#0000cd 25% Desaturated
#1936a8 Web Safe: blue
#0000ff
rgb(2, 40, 192)
rgba(2, 40, 192, 1.0)
red: 0.7843%, yellow: 13.2026%, blue: 75.2941%
#0228c0
141504
-16635712 / 0xff0228c0
hsl(228, 98%, 38%)
hsla(228, 98%, 38%, 1.0)
hue: 228 (228), saturation: 99 (98.9583), value: 75 (75.2941)
X: 10.2983, Y: 5.3363, Z: 50.3564
x: 0.1561, y: 0.0809, Y: 5.3363
L: 27.6721, a: 50.1248, b: -79.3693
L: 27.6721, u: -9.7869, v: -96.9118
L: 27.6721, C: 93.8722, H: 302.274
L: 23.1003, a: 39.1506, b: -113.0759
cyan: 99 (0.9896), magenta: 79 (0.7917), yellow: 0 (0), key: 25 (0.2471)
cyan: 99 (0.9922), magenta: 84 (0.8431), yellow: 25 (0.2471)
Y: 45.966, I: -71.4692, Q: 39.2572
Y: 45.966, U: 71.8633, V: -38.5715
Y: 45.966, Db: 219.716, Dr: 83.638
Y: 55.49, Cb: 200.352, Cr: 100.526
Y: 42.85, Pb: 80.37, Pr: -25.992
7.5PB 3/20 approximate; exact match: Munsell 7.5PB 3/20 / #3528c9
#0228c0 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0228c0 to White#0228c0 to Black#0228c0 foreground
<p style="color: #0228c0">#0228c0 foreground</p>
#0228c0 background
<p style="background-color: #0228c0; color: #fff">#0228c0 background</p>
#0228c0 border
<p style="border: #0228c0 3px solid">#0228c0 border</p>
#0228c0 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0228c0, #fff); background: -webkit-radial-gradient(50% 50%, #0228c0, #fff); background: -o-radial-gradient(50% 50%, #0228c0, #fff); background: -ms-radial-gradient(50% 50%, #0228c0, #fff); background: radial-gradient(50% 50%, #0228c0, #fff); color: #fff">#0228c0 radial gradient</p>
#0228c0 linear gradient to complementary #c09a01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0228c0, #c09a01); background: -webkit-linear-gradient(top, #0228c0, #c09a01); background: -o-linear-gradient(top, #0228c0, #c09a01); background: -ms-linear-gradient(top, #0228c0, #c09a01); background: linear-gradient(top, #0228c0, #c09a01); color: #fff">#0228c0 linear gradient to complementary #c09a01</p>
#0228c0 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0228c0">#0228c0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0228c0 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 #0228c0.
Jump to paint brand: