Color Charts
RGB
CMYK
RYB
#87b1ef Hex Color CodeThe hexadecimal color code #87b1ef is a medium light shade of cyan-blue. In the RGB color model #87b1ef is comprised of 52.94% red, 69.41% green and 93.73% blue. In the HSL color space #87b1ef has a hue of 215.77 degrees, 76.47% saturation and 73.33% lightness. This color has an approximate wavelength of 484 nm.
#87b1ef Color InformationInverted
#784e10 25% Saturated
#79aefc Grayscale
#bbbbbb
25% Lighter
#d9e6fa Original
#87b1ef 25% Darker
#347be3
cornflowerblue
#6495ed 25% Desaturated
#94b3e2 Web Safe: fuchsia
#ff00ff
rgb(135, 177, 239)
rgba(135, 177, 239, 1.0)
red: 52.9412%, yellow: 64.6737%, blue: 93.7255%
#87b1ef
8892911
-7884305 / 0xff87b1ef
hsl(216, 76%, 73%)
hsla(216, 76%, 73%, 1.0)
hue: 216 (215.7692), saturation: 44 (43.5146), value: 94 (93.7255)
X: 41.2938, Y: 42.8272, Z: 87.7514
x: 0.2403, y: 0.2492, Y: 42.8272
L: 71.4375, a: 1.8056, b: -35.3664
L: 71.4375, u: -21.7426, v: -56.9293
L: 71.4375, C: 35.4124, H: 272.9227
L: 65.4425, a: -1.8919, b: -33.6919
cyan: 44 (0.4351), magenta: 26 (0.2594), yellow: 0 (0), key: 6 (0.0627)
cyan: 47 (0.4706), magenta: 31 (0.3059), yellow: 6 (0.0627)
Y: 171.51, I: -44.9384, Q: 10.4092
Y: 171.51, U: 33.2132, V: -32.0306
Y: 171.51, Db: 101.546, Dr: 69.44
Y: 163.325, Cb: 161.434, Cr: 105.16
Y: 172.518, Pb: 35.83, Pr: -23.852
2.5PB 7/8 approximate; exact match: Munsell 2.5PB 7/8 / #7eb3f0
#87b1ef / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#87b1ef to White#87b1ef to Black#87b1ef foreground
<p style="color: #87b1ef; background-color: #000">#87b1ef foreground</p>
#87b1ef background
<p style="background-color: #87b1ef">#87b1ef background</p>
#87b1ef border
<p style="border: #87b1ef 3px solid">#87b1ef border</p>
#87b1ef radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #87b1ef, #fff); background: -webkit-radial-gradient(50% 50%, #87b1ef, #fff); background: -o-radial-gradient(50% 50%, #87b1ef, #fff); background: -ms-radial-gradient(50% 50%, #87b1ef, #fff); background: radial-gradient(50% 50%, #87b1ef, #fff)">#87b1ef radial gradient</p>
#87b1ef linear gradient to complementary #efc587
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #87b1ef, #efc587); background: -webkit-linear-gradient(top, #87b1ef, #efc587); background: -o-linear-gradient(top, #87b1ef, #efc587); background: -ms-linear-gradient(top, #87b1ef, #efc587); background: linear-gradient(top, #87b1ef, #efc587); color: #000">#87b1ef linear gradient to complementary #efc587</p>
#87b1ef text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #87b1ef">#87b1ef text shadow</p>
The matching paint colors are listed in order of relevancy to the #87b1ef 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 #87b1ef.
Jump to paint brand: