Color Charts
RGB
CMYK
RYB
#007bfe Hex Color CodeThe hexadecimal color code #007bfe is a shade of cyan-blue. In the RGB color model #007bfe is comprised of 0% red, 48.24% green and 99.61% blue. In the HSL color space #007bfe has a hue of 210.94 degrees, 100% saturation and 49.8% lightness. This color has an approximate wavelength of 487 nm.
#007bfe Color InformationInverted
#ff8401 25% Saturated
#007afe Grayscale
#7f7f7f
25% Lighter
#3e9bff Original
#007bfe 25% Darker
#005cbe
royalblue
#4169e1 25% Desaturated
#1f7bde Web Safe: blue
#0000ff
rgb(0, 123, 254)
rgba(0, 123, 254, 1.0)
red: 0%, yellow: 32.498%, blue: 99.6078%
#007bfe
31742
-16745474 / 0xff007bfe
hsl(211, 100%, 50%)
hsla(211, 100%, 50%, 1.0)
hue: 211 (210.9449), saturation: 100 (100), value: 100 (99.6078)
X: 24.9724, Y: 21.3217, Z: 96.5652
x: 0.1748, y: 0.1492, Y: 21.3217
L: 53.2998, a: 21.5352, b: -72.672
L: 53.2998, u: -27.9986, v: -114.9502
L: 53.2998, C: 75.7957, H: 286.5063
L: 46.1754, a: 15.7285, b: -91.6686
cyan: 100 (1), magenta: 52 (0.5157), yellow: 0 (0), key: 0 (0.0039)
cyan: 100 (1), magenta: 52 (0.5176), yellow: 0 (0.0039)
Y: 101.157, I: -115.3585, Q: 14.7496
Y: 101.157, U: 75.2142, V: -88.7463
Y: 101.157, Db: 229.973, Dr: 192.386
Y: 102.884, Cb: 203.713, Cr: 64.702
Y: 106.233, Pb: 79.645, Pr: -67.526
5PB 5/18 (approximate)
#007bfe / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#007bfe to White#007bfe to Black#007bfe foreground
<p style="color: #007bfe">#007bfe foreground</p>
#007bfe background
<p style="background-color: #007bfe; color: #fff">#007bfe background</p>
#007bfe border
<p style="border: #007bfe 3px solid">#007bfe border</p>
#007bfe radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #007bfe, #fff); background: -webkit-radial-gradient(50% 50%, #007bfe, #fff); background: -o-radial-gradient(50% 50%, #007bfe, #fff); background: -ms-radial-gradient(50% 50%, #007bfe, #fff); background: radial-gradient(50% 50%, #007bfe, #fff); color: #fff">#007bfe radial gradient</p>
#007bfe linear gradient to complementary #fe8300
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #007bfe, #fe8300); background: -webkit-linear-gradient(top, #007bfe, #fe8300); background: -o-linear-gradient(top, #007bfe, #fe8300); background: -ms-linear-gradient(top, #007bfe, #fe8300); background: linear-gradient(top, #007bfe, #fe8300); color: #fff">#007bfe linear gradient to complementary #fe8300</p>
#007bfe text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #007bfe">#007bfe text shadow</p>
The matching paint colors are listed in order of relevancy to the #007bfe 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 #007bfe.
Jump to paint brand: