Color Charts
RGB
CMYK
RYB
#3b88f4 Hex Color CodeThe hexadecimal color code #3b88f4 is a shade of cyan-blue. In the RGB color model #3b88f4 is comprised of 23.14% red, 53.33% green and 95.69% blue. In the HSL color space #3b88f4 has a hue of 215.03 degrees, 89.37% saturation and 59.41% lightness. This color has an approximate wavelength of 485 nm.
#3b88f4 Color InformationInverted
#c4770b 25% Saturated
#3086ff Grayscale
#979797
25% Lighter
#82b3f8 Original
#3b88f4 25% Darker
#0c60d7
dodgerblue
#1e90ff 25% Desaturated
#528bdc Web Safe: fuchsia
#ff00ff
rgb(59, 136, 244)
rgba(59, 136, 244, 1.0)
red: 23.1373%, yellow: 44.4589%, blue: 95.6863%
#3b88f4
3901684
-12875532 / 0xff3b88f4
hsl(215, 89%, 59%)
hsla(215, 89%, 59%, 1.0)
hue: 215 (215.027), saturation: 76 (75.8197), value: 96 (95.6863)
X: 26.9369, Y: 25.0698, Z: 89.0072
x: 0.191, y: 0.1778, Y: 25.0698
L: 57.1433, a: 13.1547, b: -60.8951
L: 57.1433, u: -27.5035, v: -97.7465
L: 57.1433, C: 62.2998, H: 282.1899
L: 50.0697, a: 8.4089, b: -70.3489
cyan: 76 (0.7582), magenta: 44 (0.4426), yellow: 0 (0), key: 4 (0.0431)
cyan: 77 (0.7686), magenta: 47 (0.4667), yellow: 4 (0.0431)
Y: 125.289, I: -80.5665, Q: 17.3205
Y: 125.289, U: 58.4184, V: -58.1561
Y: 125.289, Db: 178.614, Dr: 126.077
Y: 123.619, Cb: 186.808, Cr: 86.529
Y: 127.375, Pb: 62.855, Pr: -43.468
5PB 5/14 (approximate)
#3b88f4 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#3b88f4 to White#3b88f4 to Black#3b88f4 foreground
<p style="color: #3b88f4; background-color: #000">#3b88f4 foreground</p>
#3b88f4 background
<p style="background-color: #3b88f4">#3b88f4 background</p>
#3b88f4 border
<p style="border: #3b88f4 3px solid">#3b88f4 border</p>
#3b88f4 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #3b88f4, #fff); background: -webkit-radial-gradient(50% 50%, #3b88f4, #fff); background: -o-radial-gradient(50% 50%, #3b88f4, #fff); background: -ms-radial-gradient(50% 50%, #3b88f4, #fff); background: radial-gradient(50% 50%, #3b88f4, #fff)">#3b88f4 radial gradient</p>
#3b88f4 linear gradient to complementary #f4a73a
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #3b88f4, #f4a73a); background: -webkit-linear-gradient(top, #3b88f4, #f4a73a); background: -o-linear-gradient(top, #3b88f4, #f4a73a); background: -ms-linear-gradient(top, #3b88f4, #f4a73a); background: linear-gradient(top, #3b88f4, #f4a73a); color: #000">#3b88f4 linear gradient to complementary #f4a73a</p>
#3b88f4 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #3b88f4">#3b88f4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #3b88f4 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 #3b88f4.
Jump to paint brand: