Color Charts
RGB
CMYK
RYB
#679bfe Hex Color CodeThe hexadecimal color code #679bfe is a medium light shade of cyan-blue. In the RGB color model #679bfe is comprised of 40.39% red, 60.78% green and 99.61% blue. In the HSL color space #679bfe has a hue of 219.34 degrees, 98.69% saturation and 70% lightness. This color has an approximate wavelength of 482 nm.
#679bfe Color InformationInverted
#986401 25% Saturated
#659aff Grayscale
#b2b2b2
25% Lighter
#bfd5fe Original
#679bfe 25% Darker
#0e60fd
cornflowerblue
#6495ed 25% Desaturated
#79a0eb Web Safe: fuchsia
#ff00ff
rgb(103, 155, 254)
rgba(103, 155, 254, 1.0)
red: 40.3922%, yellow: 55.5607%, blue: 99.6078%
#679bfe
6790142
-9987074 / 0xff679bfe
hsl(219, 99%, 70%)
hsla(219, 99%, 70%, 1.0)
hue: 219 (219.3377), saturation: 59 (59.4488), value: 100 (99.6078)
X: 35.2043, Y: 33.482, Z: 98.3731
x: 0.2107, y: 0.2004, Y: 33.482
L: 64.5493, a: 11.8828, b: -54.468
L: 64.5493, u: -24.0843, v: -89.2779
L: 64.5493, C: 55.7491, H: 282.3069
L: 57.8636, a: 7.3381, b: -60.2935
cyan: 59 (0.5945), magenta: 39 (0.3898), yellow: 0 (0), key: 0 (0.0039)
cyan: 60 (0.5961), magenta: 39 (0.3922), yellow: 0 (0.0039)
Y: 150.738, I: -62.7823, Q: 19.8067
Y: 150.738, U: 50.8163, V: -41.881
Y: 150.738, Db: 155.367, Dr: 90.799
Y: 145.483, Cb: 179.157, Cr: 98.143
Y: 151.052, Pb: 55.48, Pr: -30.554
5PB 6/12 approximate; exact match: Munsell 5PB 6/12 / #4e96f3
#679bfe / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#679bfe to White#679bfe to Black#679bfe foreground
<p style="color: #679bfe; background-color: #000">#679bfe foreground</p>
#679bfe background
<p style="background-color: #679bfe">#679bfe background</p>
#679bfe border
<p style="border: #679bfe 3px solid">#679bfe border</p>
#679bfe radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #679bfe, #fff); background: -webkit-radial-gradient(50% 50%, #679bfe, #fff); background: -o-radial-gradient(50% 50%, #679bfe, #fff); background: -ms-radial-gradient(50% 50%, #679bfe, #fff); background: radial-gradient(50% 50%, #679bfe, #fff)">#679bfe radial gradient</p>
#679bfe linear gradient to complementary #feca66
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #679bfe, #feca66); background: -webkit-linear-gradient(top, #679bfe, #feca66); background: -o-linear-gradient(top, #679bfe, #feca66); background: -ms-linear-gradient(top, #679bfe, #feca66); background: linear-gradient(top, #679bfe, #feca66); color: #000">#679bfe linear gradient to complementary #feca66</p>
#679bfe text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #679bfe">#679bfe text shadow</p>
The matching paint colors are listed in order of relevancy to the #679bfe 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 #679bfe.
Jump to paint brand: