Color Charts
RGB
CMYK
RYB
#2700ff Hex Color CodeThe hexadecimal color code #2700ff is a shade of blue-magenta. In the RGB color model #2700ff is comprised of 15.29% red, 0% green and 100% blue. In the HSL color space #2700ff has a hue of 249.18 degrees, 100% saturation and 50% lightness. This color has an approximate wavelength of 463 nm.
#2700ff Color InformationInverted
#d8ff00 25% Saturated
#2700ff Grayscale
#7f7f7f
rgb(39, 0, 255)
rgba(39, 0, 255, 1.0)
red: 15.2941%, yellow: 0%, blue: 100%
#2700ff
2556159
-14221057 / 0xff2700ff
hsl(249, 100%, 50%)
hsla(249, 100%, 50%, 1.0)
hue: 249 (249.1765), saturation: 100 (100), value: 100 (100)
X: 18.8867, Y: 7.6513, Z: 95.0892
x: 0.1553, y: 0.0629, Y: 7.6513
L: 33.2459, a: 79.5043, b: -106.2635
L: 33.2459, u: -7.5654, v: -131.3698
L: 33.2459, C: 132.7135, H: 306.8031
L: 27.661, a: 73.4713, b: -184.4559
cyan: 85 (0.8471), magenta: 100 (1), yellow: 0 (0), key: 0 (0)
cyan: 85 (0.8471), magenta: 100 (1), yellow: 0 (0)
Y: 40.731, I: -58.6891, Q: 87.5862
Y: 40.731, U: 105.4419, V: -1.5175
Y: 40.731, Db: 322.365, Dr: 3.348
Y: 51.013, Cb: 234.173, Cr: 127.016
Y: 26.667, Pb: 123.015, Pr: 7.77
7.5PB 3/28 (approximate)
#2700ff / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#2700ff to White#2700ff to Black#2700ff foreground
<p style="color: #2700ff">#2700ff foreground</p>
#2700ff background
<p style="background-color: #2700ff; color: #fff">#2700ff background</p>
#2700ff border
<p style="border: #2700ff 3px solid">#2700ff border</p>
#2700ff radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #2700ff, #fff); background: -webkit-radial-gradient(50% 50%, #2700ff, #fff); background: -o-radial-gradient(50% 50%, #2700ff, #fff); background: -ms-radial-gradient(50% 50%, #2700ff, #fff); background: radial-gradient(50% 50%, #2700ff, #fff); color: #fff">#2700ff radial gradient</p>
#2700ff linear gradient to complementary #d7ff00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #2700ff, #d7ff00); background: -webkit-linear-gradient(top, #2700ff, #d7ff00); background: -o-linear-gradient(top, #2700ff, #d7ff00); background: -ms-linear-gradient(top, #2700ff, #d7ff00); background: linear-gradient(top, #2700ff, #d7ff00); color: #fff">#2700ff linear gradient to complementary #d7ff00</p>
#2700ff text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #2700ff">#2700ff text shadow</p>
The matching paint colors are listed in order of relevancy to the #2700ff 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 #2700ff.
Jump to paint brand: