#008baf
Hex Color CodeThe hexadecimal color code #008baf
is a medium dark shade of cyan. In the RGB color model #008baf
is comprised of 0% red, 54.51% green and 68.63% blue. In the HSL color space #008baf
has a hue of 192.34 degrees, 100% saturation and 34.31% lightness. This color has an approximate wavelength of 499 nm.
#008baf
Color InformationInverted
#ff7450 25% Saturated
#008baf Grayscale
#575757
25% Lighter
#00adda Original
#008baf 25% Darker
#006883
steelblue
#4682b4 25% Desaturated
#157e99 Web Safe: teal
#008080
rgb(0, 139, 175)
rgba(0, 139, 175, 1.0)
red: 0%, yellow: 30.3797%, blue: 68.6275%
#008baf
35759
-16741457 / 0xff008baf
hsl(192, 100%, 34%)
hsla(192, 100%, 34%, 1.0)
hue: 192 (192.3429), saturation: 100 (100), value: 69 (68.6275)
X: 16.9705, Y: 21.5604, Z: 43.8246
x: 0.2061, y: 0.2618, Y: 21.5604
L: 53.5574, a: -18.2667, b: -27.7401
L: 53.5574, u: -37.5809, v: -39.7533
L: 53.5574, C: 33.2142, H: 236.6354
L: 46.4332, a: -16.0195, b: -23.4559
cyan: 100 (1), magenta: 21 (0.2057), yellow: 0 (0), key: 31 (0.3137)
cyan: 100 (1), magenta: 45 (0.4549), yellow: 31 (0.3137)
Y: 101.543, I: -94.37, Q: -18.1915
Y: 101.543, U: 36.1485, V: -89.0854
Y: 101.543, Db: 110.538, Dr: 193.099
Y: 103.206, Cb: 164.376, Cr: 64.423
Y: 111.985, Pb: 33.985, Pr: -71.156
5B 5/8 (approximate)
#008baf
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#008baf
to White#008baf
to Black#008baf
foreground
<p style="color: #008baf">#008baf foreground</p>
#008baf
background
<p style="background-color: #008baf; color: #fff">#008baf background</p>
#008baf
border
<p style="border: #008baf 3px solid">#008baf border</p>
#008baf
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #008baf, #fff); background: -webkit-radial-gradient(50% 50%, #008baf, #fff); background: -o-radial-gradient(50% 50%, #008baf, #fff); background: -ms-radial-gradient(50% 50%, #008baf, #fff); background: radial-gradient(50% 50%, #008baf, #fff); color: #fff">#008baf radial gradient</p>
#008baf
linear gradient to complementary #af2400
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #008baf, #af2400); background: -webkit-linear-gradient(top, #008baf, #af2400); background: -o-linear-gradient(top, #008baf, #af2400); background: -ms-linear-gradient(top, #008baf, #af2400); background: linear-gradient(top, #008baf, #af2400); color: #fff">
#008baf
linear gradient to complementary #af2400
</p>
#008baf
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #008baf">#008baf text shadow</p>
The matching paint colors are listed in order of relevancy to the #008baf
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 #008baf
.
Jump to paint brand: