#0228d2
Hex Color CodeThe hexadecimal color code #0228d2
is a shade of blue. In the RGB color model #0228d2
is comprised of 0.78% red, 15.69% green and 82.35% blue. In the HSL color space #0228d2
has a hue of 229.04 degrees, 98.11% saturation and 41.57% lightness. This color has an approximate wavelength of 476 nm.
#0228d2
Color InformationInverted
#fdd72d 25% Saturated
#0026d3 Grayscale
#696969
rgb(2, 40, 210)
rgba(2, 40, 210, 1.0)
red: 0.7843%, yellow: 13.3843%, blue: 82.3529%
#0228d2
141522
-16635694 / 0xff0228d2
hsl(229, 98%, 42%)
hsla(229, 98%, 42%, 1.0)
hue: 229 (229.0385), saturation: 99 (99.0476), value: 82 (82.3529)
X: 12.4167, Y: 6.1836, Z: 61.5119
x: 0.155, y: 0.0772, Y: 6.1836
L: 29.8711, a: 55.9828, b: -86.2462
L: 29.8711, u: -10.2525, v: -107.2693
L: 29.8711, C: 102.8226, H: 302.9878
L: 24.8669, a: 45.6125, b: -129.2555
cyan: 99 (0.9905), magenta: 81 (0.8095), yellow: 0 (0), key: 18 (0.1765)
cyan: 99 (0.9922), magenta: 84 (0.8431), yellow: 18 (0.1765)
Y: 48.018, I: -77.2519, Q: 44.8576
Y: 48.018, U: 79.7113, V: -40.3717
Y: 48.018, Db: 243.71, Dr: 87.544
Y: 57.254, Cb: 208.254, Cr: 99.248
Y: 44.146, Pb: 89.37, Pr: -26.82
7.5PB 3/20 approximate; exact match: Munsell 7.5PB 3/20 / #3528c9
#0228d2
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0228d2
to White#0228d2
to Black#0228d2
foreground
<p style="color: #0228d2">#0228d2 foreground</p>
#0228d2
background
<p style="background-color: #0228d2; color: #fff">#0228d2 background</p>
#0228d2
border
<p style="border: #0228d2 3px solid">#0228d2 border</p>
#0228d2
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0228d2, #fff); background: -webkit-radial-gradient(50% 50%, #0228d2, #fff); background: -o-radial-gradient(50% 50%, #0228d2, #fff); background: -ms-radial-gradient(50% 50%, #0228d2, #fff); background: radial-gradient(50% 50%, #0228d2, #fff); color: #fff">#0228d2 radial gradient</p>
#0228d2
linear gradient to complementary #d2ac01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0228d2, #d2ac01); background: -webkit-linear-gradient(top, #0228d2, #d2ac01); background: -o-linear-gradient(top, #0228d2, #d2ac01); background: -ms-linear-gradient(top, #0228d2, #d2ac01); background: linear-gradient(top, #0228d2, #d2ac01); color: #fff">
#0228d2
linear gradient to complementary #d2ac01
</p>
#0228d2
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0228d2">#0228d2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0228d2
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 #0228d2
.
Jump to paint brand: