Color Charts
RGB
CMYK
RYB
#007af6 Hex Color CodeThe hexadecimal color code #007af6 is a shade of cyan-blue. In the RGB color model #007af6 is comprised of 0% red, 47.84% green and 96.47% blue. In the HSL color space #007af6 has a hue of 210.24 degrees, 100% saturation and 48.24% lightness. This color has an approximate wavelength of 488 nm.
#007af6 Color InformationInverted
#ff8509 25% Saturated
#0079f6 Grayscale
#7b7b7b
25% Lighter
#3498ff Original
#007af6 25% Darker
#005bb8
royalblue
#4169e1 25% Desaturated
#1e7ad7 Web Safe: blue
#0000ff
rgb(0, 122, 246)
rgba(0, 122, 246, 1.0)
red: 0%, yellow: 31.9821%, blue: 96.4706%
#007af6
31478
-16745738 / 0xff007af6
hsl(210, 100%, 48%)
hsla(210, 100%, 48%, 1.0)
hue: 210 (210.2439), saturation: 100 (100), value: 96 (96.4706)
X: 23.5941, Y: 20.5729, Z: 89.9162
x: 0.176, y: 0.1534, Y: 20.5729
L: 52.4788, a: 19.0703, b: -69.5718
L: 52.4788, u: -28.0066, v: -109.6578
L: 52.4788, C: 72.1381, H: 285.3288
L: 45.3573, a: 13.4772, b: -85.7861
cyan: 100 (1), magenta: 50 (0.5041), yellow: 0 (0), key: 4 (0.0353)
cyan: 100 (1), magenta: 52 (0.5216), yellow: 4 (0.0353)
Y: 99.658, I: -112.514, Q: 12.7831
Y: 99.658, U: 72.0151, V: -87.4312
Y: 99.658, Db: 220.192, Dr: 189.534
Y: 101.596, Cb: 200.492, Cr: 65.638
Y: 104.942, Pb: 76.03, Pr: -66.704
5PB 5/16 (approximate)
#007af6 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#007af6 to White#007af6 to Black#007af6 foreground
<p style="color: #007af6">#007af6 foreground</p>
#007af6 background
<p style="background-color: #007af6; color: #fff">#007af6 background</p>
#007af6 border
<p style="border: #007af6 3px solid">#007af6 border</p>
#007af6 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #007af6, #fff); background: -webkit-radial-gradient(50% 50%, #007af6, #fff); background: -o-radial-gradient(50% 50%, #007af6, #fff); background: -ms-radial-gradient(50% 50%, #007af6, #fff); background: radial-gradient(50% 50%, #007af6, #fff); color: #fff">#007af6 radial gradient</p>
#007af6 linear gradient to complementary #f67c00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #007af6, #f67c00); background: -webkit-linear-gradient(top, #007af6, #f67c00); background: -o-linear-gradient(top, #007af6, #f67c00); background: -ms-linear-gradient(top, #007af6, #f67c00); background: linear-gradient(top, #007af6, #f67c00); color: #fff">#007af6 linear gradient to complementary #f67c00</p>
#007af6 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #007af6">#007af6 text shadow</p>
The matching paint colors are listed in order of relevancy to the #007af6 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 #007af6.
Jump to paint brand: