#0028ff
Hex Color CodeThe hexadecimal color code #0028ff
is a shade of blue. In the RGB color model #0028ff
is comprised of 0% red, 15.69% green and 100% blue. In the HSL color space #0028ff
has a hue of 230.59 degrees, 100% saturation and 50% lightness. This color has an approximate wavelength of 475 nm.
#0028ff
Color InformationInverted
#ffd700 25% Saturated
#0027ff Grayscale
#7f7f7f
rgb(0, 40, 255)
rgba(0, 40, 255, 1.0)
red: 0%, yellow: 13.5593%, blue: 100%
#0028ff
10495
-16766721 / 0xff0028ff
hsl(231, 100%, 50%)
hsla(231, 100%, 50%, 1.0)
hue: 231 (230.5882), saturation: 100 (100), value: 100 (100)
X: 18.8088, Y: 8.7376, Z: 95.3029
x: 0.1531, y: 0.0711, Y: 8.7376
L: 35.4741, a: 69.4986, b: -102.565
L: 35.4741, u: -11.6192, v: -132.7609
L: 35.4741, C: 123.8937, H: 304.1218
L: 29.5594, a: 61.8515, b: -170.4662
cyan: 100 (1), magenta: 84 (0.8431), yellow: 0 (0), key: 0 (0)
cyan: 100 (1), magenta: 84 (0.8431), yellow: 0 (0)
Y: 52.55, I: -92.9002, Q: 58.4358
Y: 52.55, U: 99.6256, V: -46.1021
Y: 52.55, Db: 304.595, Dr: 99.975
Y: 61.15, Cb: 228.305, Cr: 95.175
Y: 46.96, Pb: 112.1, Pr: -29.89
7.5PB 4/26 (approximate)
#0028ff
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0028ff
to White#0028ff
to Black#0028ff
foreground
<p style="color: #0028ff">#0028ff foreground</p>
#0028ff
background
<p style="background-color: #0028ff; color: #fff">#0028ff background</p>
#0028ff
border
<p style="border: #0028ff 3px solid">#0028ff border</p>
#0028ff
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0028ff, #fff); background: -webkit-radial-gradient(50% 50%, #0028ff, #fff); background: -o-radial-gradient(50% 50%, #0028ff, #fff); background: -ms-radial-gradient(50% 50%, #0028ff, #fff); background: radial-gradient(50% 50%, #0028ff, #fff); color: #fff">#0028ff radial gradient</p>
#0028ff
linear gradient to complementary #ffd700
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0028ff, #ffd700); background: -webkit-linear-gradient(top, #0028ff, #ffd700); background: -o-linear-gradient(top, #0028ff, #ffd700); background: -ms-linear-gradient(top, #0028ff, #ffd700); background: linear-gradient(top, #0028ff, #ffd700); color: #fff">
#0028ff
linear gradient to complementary #ffd700
</p>
#0028ff
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0028ff">#0028ff text shadow</p>
The matching paint colors are listed in order of relevancy to the #0028ff
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 #0028ff
.
Jump to paint brand: