Color Charts
RGB
CMYK
RYB
#007af5 Hex Color CodeThe hexadecimal color code #007af5 is a shade of cyan-blue. In the RGB color model #007af5 is comprised of 0% red, 47.84% green and 96.08% blue. In the HSL color space #007af5 has a hue of 210.12 degrees, 100% saturation and 48.04% lightness. This color has an approximate wavelength of 488 nm.
#007af5 Color InformationInverted
#ff850a 25% Saturated
#0079f5 Grayscale
#7a7a7a
25% Lighter
#3398ff Original
#007af5 25% Darker
#005bb7
royalblue
#4169e1 25% Desaturated
#1e7ad6 Web Safe: blue
#0000ff
rgb(0, 122, 245)
rgba(0, 122, 245, 1.0)
red: 0%, yellow: 31.9389%, blue: 96.0784%
#007af5
31477
-16745739 / 0xff007af5
hsl(210, 100%, 48%)
hsla(210, 100%, 48%, 1.0)
hue: 210 (210.1224), saturation: 100 (100), value: 96 (96.0784)
X: 23.441, Y: 20.5116, Z: 89.1099
x: 0.1762, y: 0.1542, Y: 20.5116
L: 52.4108, a: 18.6822, b: -69.1265
L: 52.4108, u: -28.0445, v: -108.9207
L: 52.4108, C: 71.6066, H: 285.1235
L: 45.2898, a: 13.1305, b: -84.9532
cyan: 100 (1), magenta: 50 (0.502), yellow: 0 (0), key: 4 (0.0392)
cyan: 100 (1), magenta: 52 (0.5216), yellow: 4 (0.0392)
Y: 99.544, I: -112.1927, Q: 12.472
Y: 99.544, U: 71.5791, V: -87.3312
Y: 99.544, Db: 218.859, Dr: 189.317
Y: 101.498, Cb: 200.053, Cr: 65.709
Y: 104.87, Pb: 75.53, Pr: -66.658
5PB 5/16 (approximate)
#007af5 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#007af5 to White#007af5 to Black#007af5 foreground
<p style="color: #007af5">#007af5 foreground</p>
#007af5 background
<p style="background-color: #007af5; color: #fff">#007af5 background</p>
#007af5 border
<p style="border: #007af5 3px solid">#007af5 border</p>
#007af5 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #007af5, #fff); background: -webkit-radial-gradient(50% 50%, #007af5, #fff); background: -o-radial-gradient(50% 50%, #007af5, #fff); background: -ms-radial-gradient(50% 50%, #007af5, #fff); background: radial-gradient(50% 50%, #007af5, #fff); color: #fff">#007af5 radial gradient</p>
#007af5 linear gradient to complementary #f57a00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #007af5, #f57a00); background: -webkit-linear-gradient(top, #007af5, #f57a00); background: -o-linear-gradient(top, #007af5, #f57a00); background: -ms-linear-gradient(top, #007af5, #f57a00); background: linear-gradient(top, #007af5, #f57a00); color: #fff">#007af5 linear gradient to complementary #f57a00</p>
#007af5 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #007af5">#007af5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #007af5 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 #007af5.
Jump to paint brand: