Color Charts
RGB
CMYK
RYB
#1682d8 Hex Color CodeThe hexadecimal color code #1682d8 is a shade of cyan-blue. In the RGB color model #1682d8 is comprised of 8.63% red, 50.98% green and 84.71% blue. In the HSL color space #1682d8 has a hue of 206.6 degrees, 81.51% saturation and 46.67% lightness. This color has an approximate wavelength of 490 nm.
#1682d8 Color InformationInverted
#e97d27 25% Saturated
#0084ed Grayscale
#767676
25% Lighter
#3e9eeb Original
#1682d8 25% Darker
#1061a2
dodgerblue
#1e90ff 25% Desaturated
#2e7fbf Web Safe: blue
#0000ff
rgb(22, 130, 216)
rgba(22, 130, 216, 1.0)
red: 8.6275%, yellow: 35.8343%, blue: 84.7059%
#1682d8
1475288
-15301928 / 0xff1682d8
hsl(207, 82%, 47%)
hsla(207, 82%, 47%, 1.0)
hue: 207 (206.5979), saturation: 90 (89.8148), value: 85 (84.7059)
X: 20.7082, Y: 21.0937, Z: 67.9458
x: 0.1887, y: 0.1922, Y: 21.0937
L: 53.0519, a: 3.2272, b: -51.8537
L: 53.0519, u: -30.8392, v: -80.9628
L: 53.0519, C: 51.954, H: 273.5613
L: 45.9279, a: 0.1091, b: -55.5642
cyan: 90 (0.8981), magenta: 40 (0.3981), yellow: 0 (0), key: 15 (0.1529)
cyan: 91 (0.9137), magenta: 49 (0.4902), yellow: 15 (0.1529)
Y: 107.512, I: -91.9659, Q: 3.9204
Y: 107.512, U: 53.3873, V: -75.0209
Y: 107.512, Db: 163.238, Dr: 162.626
Y: 108.342, Cb: 181.738, Cr: 74.482
Y: 113.188, Pb: 55.42, Pr: -57.956
2.5PB 5/12 (approximate)
#1682d8 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#1682d8 to White#1682d8 to Black#1682d8 foreground
<p style="color: #1682d8">#1682d8 foreground</p>
#1682d8 background
<p style="background-color: #1682d8; color: #fff">#1682d8 background</p>
#1682d8 border
<p style="border: #1682d8 3px solid">#1682d8 border</p>
#1682d8 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #1682d8, #fff); background: -webkit-radial-gradient(50% 50%, #1682d8, #fff); background: -o-radial-gradient(50% 50%, #1682d8, #fff); background: -ms-radial-gradient(50% 50%, #1682d8, #fff); background: radial-gradient(50% 50%, #1682d8, #fff); color: #fff">#1682d8 radial gradient</p>
#1682d8 linear gradient to complementary #d76c16
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #1682d8, #d76c16); background: -webkit-linear-gradient(top, #1682d8, #d76c16); background: -o-linear-gradient(top, #1682d8, #d76c16); background: -ms-linear-gradient(top, #1682d8, #d76c16); background: linear-gradient(top, #1682d8, #d76c16); color: #fff">#1682d8 linear gradient to complementary #d76c16</p>
#1682d8 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #1682d8">#1682d8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #1682d8 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 #1682d8.
Jump to paint brand: