#008aef
Hex Color CodeThe hexadecimal color code #008aef
is a shade of cyan-blue. In the RGB color model #008aef
is comprised of 0% red, 54.12% green and 93.73% blue. In the HSL color space #008aef
has a hue of 205.36 degrees, 100% saturation and 46.86% lightness. This color has an approximate wavelength of 491 nm.
#008aef
Color InformationInverted
#ff7510 25% Saturated
#0089ee Grayscale
#777777
25% Lighter
#2ba5ff Original
#008aef 25% Darker
#0067b3
dodgerblue
#1e90ff 25% Desaturated
#1d85d1 Web Safe: fuchsia
#ff00ff
rgb(0, 138, 239)
rgba(0, 138, 239, 1.0)
red: 0%, yellow: 34.308%, blue: 93.7255%
#008aef
35567
-16741649 / 0xff008aef
hsl(205, 100%, 47%)
hsla(205, 100%, 47%, 1.0)
hue: 205 (205.3556), saturation: 100 (100), value: 94 (93.7255)
X: 24.6685, Y: 24.409, Z: 85.0726
x: 0.1839, y: 0.182, Y: 24.409
L: 56.4949, a: 6.4586, b: -59.2159
L: 56.4949, u: -33.1221, v: -94.2164
L: 56.4949, C: 59.5671, H: 276.2245
L: 49.4054, a: 2.6668, b: -67.5093
cyan: 100 (1), magenta: 42 (0.4226), yellow: 0 (0), key: 6 (0.0627)
cyan: 100 (1), magenta: 46 (0.4588), yellow: 6 (0.0627)
Y: 108.252, I: -114.6564, Q: 2.2437
Y: 108.252, U: 64.3413, V: -94.971
Y: 108.252, Db: 196.733, Dr: 205.871
Y: 108.974, Cb: 192.763, Cr: 60.247
Y: 115.878, Pb: 66.37, Pr: -73.646
5PB 5/14 (approximate)
#008aef
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#008aef
to White#008aef
to Black#008aef
foreground
<p style="color: #008aef">#008aef foreground</p>
#008aef
background
<p style="background-color: #008aef; color: #fff">#008aef background</p>
#008aef
border
<p style="border: #008aef 3px solid">#008aef border</p>
#008aef
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #008aef, #fff); background: -webkit-radial-gradient(50% 50%, #008aef, #fff); background: -o-radial-gradient(50% 50%, #008aef, #fff); background: -ms-radial-gradient(50% 50%, #008aef, #fff); background: radial-gradient(50% 50%, #008aef, #fff); color: #fff">#008aef radial gradient</p>
#008aef
linear gradient to complementary #ee6500
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #008aef, #ee6500); background: -webkit-linear-gradient(top, #008aef, #ee6500); background: -o-linear-gradient(top, #008aef, #ee6500); background: -ms-linear-gradient(top, #008aef, #ee6500); background: linear-gradient(top, #008aef, #ee6500); color: #fff">
#008aef
linear gradient to complementary #ee6500
</p>
#008aef
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #008aef">#008aef text shadow</p>
The matching paint colors are listed in order of relevancy to the #008aef
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 #008aef
.
Jump to paint brand: