Color Charts
RGB
CMYK
RYB
#2e5ff8 Hex Color CodeThe hexadecimal color code #2e5ff8 is a shade of blue. In the RGB color model #2e5ff8 is comprised of 18.04% red, 37.25% green and 97.25% blue. In the HSL color space #2e5ff8 has a hue of 225.45 degrees, 93.52% saturation and 57.65% lightness. This color has an approximate wavelength of 478 nm.
#2e5ff8 Color InformationInverted
#d1a007 25% Saturated
#265bff Grayscale
#939393
25% Lighter
#7595fa Original
#2e5ff8 25% Darker
#0739d5
royalblue
#4169e1 25% Desaturated
#476bde Web Safe: blue
#0000ff
rgb(46, 95, 248)
rgba(46, 95, 248, 1.0)
red: 18.0392%, yellow: 33.5036%, blue: 97.2549%
#2e5ff8
3039224
-13737992 / 0xff2e5ff8
hsl(225, 94%, 58%)
hsla(225, 94%, 58%, 1.0)
hue: 225 (225.4455), saturation: 81 (81.4516), value: 97 (97.2549)
X: 22.1622, Y: 15.5426, Z: 90.6389
x: 0.1727, y: 0.1211, Y: 15.5426
L: 46.3685, a: 38.9178, b: -80.6082
L: 46.3685, u: -17.9, v: -122.3743
L: 46.3685, C: 89.5113, H: 295.7713
L: 39.4241, a: 31.3515, b: -108.7153
cyan: 81 (0.8145), magenta: 62 (0.6169), yellow: 0 (0), key: 3 (0.0275)
cyan: 82 (0.8196), magenta: 63 (0.6275), yellow: 3 (0.0275)
Y: 97.791, I: -78.3433, Q: 37.2423
Y: 97.791, U: 73.9183, V: -45.4365
Y: 97.791, Db: 225.999, Dr: 98.518
Y: 100.006, Cb: 202.419, Cr: 95.626
Y: 95.579, Pb: 82.135, Pr: -31.538
7.5PB 5/18 (approximate)
#2e5ff8 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#2e5ff8 to White#2e5ff8 to Black#2e5ff8 foreground
<p style="color: #2e5ff8">#2e5ff8 foreground</p>
#2e5ff8 background
<p style="background-color: #2e5ff8; color: #fff">#2e5ff8 background</p>
#2e5ff8 border
<p style="border: #2e5ff8 3px solid">#2e5ff8 border</p>
#2e5ff8 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #2e5ff8, #fff); background: -webkit-radial-gradient(50% 50%, #2e5ff8, #fff); background: -o-radial-gradient(50% 50%, #2e5ff8, #fff); background: -ms-radial-gradient(50% 50%, #2e5ff8, #fff); background: radial-gradient(50% 50%, #2e5ff8, #fff); color: #fff">#2e5ff8 radial gradient</p>
#2e5ff8 linear gradient to complementary #f8c62d
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #2e5ff8, #f8c62d); background: -webkit-linear-gradient(top, #2e5ff8, #f8c62d); background: -o-linear-gradient(top, #2e5ff8, #f8c62d); background: -ms-linear-gradient(top, #2e5ff8, #f8c62d); background: linear-gradient(top, #2e5ff8, #f8c62d); color: #fff">#2e5ff8 linear gradient to complementary #f8c62d</p>
#2e5ff8 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #2e5ff8">#2e5ff8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #2e5ff8 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 #2e5ff8.
Jump to paint brand: