#009bf9
Hex Color CodeThe hexadecimal color code #009bf9
is a shade of cyan-blue. In the RGB color model #009bf9
is comprised of 0% red, 60.78% green and 97.65% blue. In the HSL color space #009bf9
has a hue of 202.65 degrees, 100% saturation and 48.82% lightness. This color has an approximate wavelength of 492 nm.
#009bf9
Color InformationInverted
#ff6406 25% Saturated
#009af9 Grayscale
#7c7c7c
25% Lighter
#38b3ff Original
#009bf9 25% Darker
#0074ba
dodgerblue
#1e90ff 25% Desaturated
#1f93d9 Web Safe: fuchsia
#ff00ff
rgb(0, 155, 249)
rgba(0, 155, 249, 1.0)
red: 0%, yellow: 37.4636%, blue: 97.6471%
#009bf9
39929
-16737287 / 0xff009bf9
hsl(203, 100%, 49%)
hsla(203, 100%, 49%, 1.0)
hue: 203 (202.6506), saturation: 100 (100), value: 98 (97.6471)
X: 28.8202, Y: 30.2822, Z: 93.9486
x: 0.1883, y: 0.1979, Y: 30.2822
L: 61.897, a: 0.1472, b: -56.0977
L: 61.897, u: -37.9205, v: -90.1445
L: 61.897, C: 56.0979, H: 270.1503
L: 55.0293, a: -2.8164, b: -62.7021
cyan: 100 (1), magenta: 38 (0.3775), yellow: 0 (0), key: 2 (0.0235)
cyan: 100 (1), magenta: 39 (0.3922), yellow: 2 (0.0235)
Y: 119.371, I: -122.5347, Q: -3.529
Y: 119.371, U: 63.7907, V: -104.7259
Y: 119.371, Db: 195.052, Dr: 227.013
Y: 118.522, Cb: 192.206, Cr: 53.281
Y: 128.753, Pb: 64.825, Pr: -81.824
2.5PB 6/12 approximate; exact match: Munsell 2.5PB 6/12 / #149af3
#009bf9
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#009bf9
to White#009bf9
to Black#009bf9
foreground
<p style="color: #009bf9">#009bf9 foreground</p>
#009bf9
background
<p style="background-color: #009bf9; color: #fff">#009bf9 background</p>
#009bf9
border
<p style="border: #009bf9 3px solid">#009bf9 border</p>
#009bf9
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #009bf9, #fff); background: -webkit-radial-gradient(50% 50%, #009bf9, #fff); background: -o-radial-gradient(50% 50%, #009bf9, #fff); background: -ms-radial-gradient(50% 50%, #009bf9, #fff); background: radial-gradient(50% 50%, #009bf9, #fff); color: #fff">#009bf9 radial gradient</p>
#009bf9
linear gradient to complementary #f95e00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #009bf9, #f95e00); background: -webkit-linear-gradient(top, #009bf9, #f95e00); background: -o-linear-gradient(top, #009bf9, #f95e00); background: -ms-linear-gradient(top, #009bf9, #f95e00); background: linear-gradient(top, #009bf9, #f95e00); color: #fff">
#009bf9
linear gradient to complementary #f95e00
</p>
#009bf9
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #009bf9">#009bf9 text shadow</p>
The matching paint colors are listed in order of relevancy to the #009bf9
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 #009bf9
.
Jump to paint brand: