Color Charts
RGB
CMYK
RYB
#0087ce Hex Color CodeThe hexadecimal color code #0087ce is a shade of cyan-blue. In the RGB color model #0087ce is comprised of 0% red, 52.94% green and 80.78% blue. In the HSL color space #0087ce has a hue of 200.68 degrees, 100% saturation and 40.39% lightness. This color has an approximate wavelength of 494 nm.
#0087ce Color InformationInverted
#ff7831 25% Saturated
#0086ce Grayscale
#676767
25% Lighter
#02a7ff Original
#0087ce 25% Darker
#00659a
steelblue
#4682b4 25% Desaturated
#197eb4 Web Safe: teal
#008080
rgb(0, 135, 206)
rgba(0, 135, 206, 1.0)
red: 0%, yellow: 31.9821%, blue: 80.7843%
#0087ce
34766
-16742450 / 0xff0087ce
hsl(201, 100%, 40%)
hsla(201, 100%, 40%, 1.0)
hue: 201 (200.6796), saturation: 100 (100), value: 81 (80.7843)
X: 19.8046, Y: 21.7842, Z: 61.5535
x: 0.192, y: 0.2112, Y: 21.7842
L: 53.7973, a: -4.4271, b: -45.0315
L: 53.7973, u: -34.0709, v: -69.4267
L: 53.7973, C: 45.2485, H: 264.3853
L: 46.6735, a: -5.9374, b: -45.5207
cyan: 100 (1), magenta: 34 (0.3447), yellow: 0 (0), key: 19 (0.1922)
cyan: 100 (1), magenta: 47 (0.4706), yellow: 19 (0.1922)
Y: 102.729, I: -103.2313, Q: -6.456
Y: 102.729, U: 50.8199, V: -90.1257
Y: 102.729, Db: 155.393, Dr: 195.362
Y: 104.228, Cb: 179.149, Cr: 63.694
Y: 111.357, Pb: 51.025, Pr: -70.766
2.5PB 5/10 approximate; exact match: Munsell 2.5PB 5/10 / #277fc6
#0087ce / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0087ce to White#0087ce to Black#0087ce foreground
<p style="color: #0087ce">#0087ce foreground</p>
#0087ce background
<p style="background-color: #0087ce; color: #fff">#0087ce background</p>
#0087ce border
<p style="border: #0087ce 3px solid">#0087ce border</p>
#0087ce radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0087ce, #fff); background: -webkit-radial-gradient(50% 50%, #0087ce, #fff); background: -o-radial-gradient(50% 50%, #0087ce, #fff); background: -ms-radial-gradient(50% 50%, #0087ce, #fff); background: radial-gradient(50% 50%, #0087ce, #fff); color: #fff">#0087ce radial gradient</p>
#0087ce linear gradient to complementary #ce4600
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0087ce, #ce4600); background: -webkit-linear-gradient(top, #0087ce, #ce4600); background: -o-linear-gradient(top, #0087ce, #ce4600); background: -ms-linear-gradient(top, #0087ce, #ce4600); background: linear-gradient(top, #0087ce, #ce4600); color: #fff">#0087ce linear gradient to complementary #ce4600</p>
#0087ce text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0087ce">#0087ce text shadow</p>
The matching paint colors are listed in order of relevancy to the #0087ce 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 #0087ce.
Jump to paint brand: