Color Charts
RGB
CMYK
RYB
#007eb1 Hex Color CodeThe hexadecimal color code #007eb1 is a medium dark shade of cyan. In the RGB color model #007eb1 is comprised of 0% red, 49.41% green and 69.41% blue. In the HSL color space #007eb1 has a hue of 197.29 degrees, 100% saturation and 34.71% lightness. This color has an approximate wavelength of 496 nm.
#007eb1 Color InformationInverted
#ff814e 25% Saturated
#007db1 Grayscale
#585858
25% Lighter
#009ddd Original
#007eb1 25% Darker
#005e84
steelblue
#4682b4 25% Desaturated
#16749a Web Safe: teal
#008080
rgb(0, 126, 177)
rgba(0, 126, 177, 1.0)
red: 0%, yellow: 28.8643%, blue: 69.4118%
#007eb1
32433
-16744783 / 0xff007eb1
hsl(197, 100%, 35%)
hsla(197, 100%, 35%, 1.0)
hue: 197 (197.2881), saturation: 100 (100), value: 69 (69.4118)
X: 15.3967, Y: 18.096, Z: 44.2764
x: 0.198, y: 0.2327, Y: 18.096
L: 49.6124, a: -10.2495, b: -35.0476
L: 49.6124, u: -32.95, v: -51.7618
L: 49.6124, C: 36.5156, H: 253.6987
L: 42.5394, a: -9.838, b: -31.9333
cyan: 100 (1), magenta: 29 (0.2881), yellow: 0 (0), key: 31 (0.3059)
cyan: 100 (1), magenta: 51 (0.5059), yellow: 31 (0.3059)
Y: 94.14, I: -91.4446, Q: -10.7756
Y: 94.14, U: 40.7756, V: -82.5905
Y: 94.14, Db: 124.683, Dr: 179.025
Y: 96.85, Cb: 169.037, Cr: 69.065
Y: 102.834, Pb: 39.99, Pr: -65.346
10B 5/8 approximate; exact match: Munsell 10B 5/8 / #2c81b5
#007eb1 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#007eb1 to White#007eb1 to Black#007eb1 foreground
<p style="color: #007eb1">#007eb1 foreground</p>
#007eb1 background
<p style="background-color: #007eb1; color: #fff">#007eb1 background</p>
#007eb1 border
<p style="border: #007eb1 3px solid">#007eb1 border</p>
#007eb1 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #007eb1, #fff); background: -webkit-radial-gradient(50% 50%, #007eb1, #fff); background: -o-radial-gradient(50% 50%, #007eb1, #fff); background: -ms-radial-gradient(50% 50%, #007eb1, #fff); background: radial-gradient(50% 50%, #007eb1, #fff); color: #fff">#007eb1 radial gradient</p>
#007eb1 linear gradient to complementary #b13200
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #007eb1, #b13200); background: -webkit-linear-gradient(top, #007eb1, #b13200); background: -o-linear-gradient(top, #007eb1, #b13200); background: -ms-linear-gradient(top, #007eb1, #b13200); background: linear-gradient(top, #007eb1, #b13200); color: #fff">#007eb1 linear gradient to complementary #b13200</p>
#007eb1 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #007eb1">#007eb1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #007eb1 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 #007eb1.
Jump to paint brand: