#009bb5
Hex Color CodeThe hexadecimal color code #009bb5
is a medium dark shade of cyan. In the RGB color model #009bb5
is comprised of 0% red, 60.78% green and 70.98% blue. In the HSL color space #009bb5
has a hue of 188.62 degrees, 100% saturation and 35.49% lightness. This color has an approximate wavelength of 501 nm.
#009bb5
Color InformationInverted
#ff644a 25% Saturated
#009ab5 Grayscale
#5a5a5a
25% Lighter
#00c1e2 Original
#009bb5 25% Darker
#007487
cadetblue
#5f9ea0 25% Desaturated
#168a9e Web Safe: teal
#008080
rgb(0, 155, 181)
rgba(0, 155, 181, 1.0)
red: 0%, yellow: 32.7439%, blue: 70.9804%
#009bb5
39861
-16737355 / 0xff009bb5
hsl(189, 100%, 35%)
hsla(189, 100%, 35%, 1.0)
hue: 189 (188.6188), saturation: 100 (100), value: 71 (70.9804)
X: 20.0618, Y: 26.7789, Z: 47.8275
x: 0.2119, y: 0.2829, Y: 26.7789
L: 58.7691, a: -24.5793, b: -23.1201
L: 58.7691, u: -42.6818, v: -32.0435
L: 58.7691, C: 33.7443, H: 223.2478
L: 51.7483, a: -21.3585, b: -18.574
cyan: 100 (1), magenta: 14 (0.1436), yellow: 0 (0), key: 29 (0.2902)
cyan: 100 (1), magenta: 39 (0.3922), yellow: 29 (0.2902)
Y: 111.619, I: -100.6888, Q: -24.6862
Y: 111.619, U: 34.1427, V: -97.9253
Y: 111.619, Db: 104.408, Dr: 212.257
Y: 111.858, Cb: 162.354, Cr: 58.109
Y: 123.857, Pb: 30.825, Pr: -78.696
2.5B 6/8 (approximate)
#009bb5
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#009bb5
to White#009bb5
to Black#009bb5
foreground
<p style="color: #009bb5">#009bb5 foreground</p>
#009bb5
background
<p style="background-color: #009bb5; color: #fff">#009bb5 background</p>
#009bb5
border
<p style="border: #009bb5 3px solid">#009bb5 border</p>
#009bb5
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #009bb5, #fff); background: -webkit-radial-gradient(50% 50%, #009bb5, #fff); background: -o-radial-gradient(50% 50%, #009bb5, #fff); background: -ms-radial-gradient(50% 50%, #009bb5, #fff); background: radial-gradient(50% 50%, #009bb5, #fff); color: #fff">#009bb5 radial gradient</p>
#009bb5
linear gradient to complementary #b51900
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #009bb5, #b51900); background: -webkit-linear-gradient(top, #009bb5, #b51900); background: -o-linear-gradient(top, #009bb5, #b51900); background: -ms-linear-gradient(top, #009bb5, #b51900); background: linear-gradient(top, #009bb5, #b51900); color: #fff">
#009bb5
linear gradient to complementary #b51900
</p>
#009bb5
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #009bb5">#009bb5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #009bb5
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 #009bb5
.
Jump to paint brand: