Color Charts
RGB
CMYK
RYB
#007ba1 Hex Color CodeThe hexadecimal color code #007ba1 is a medium dark shade of cyan. In the RGB color model #007ba1 is comprised of 0% red, 48.24% green and 63.14% blue. In the HSL color space #007ba1 has a hue of 194.16 degrees, 100% saturation and 31.57% lightness. This color has an approximate wavelength of 498 nm.
#007ba1 Color InformationInverted
#ff845e 25% Saturated
#007aa1 Grayscale
#505050
25% Lighter
#0099c9 Original
#007ba1 25% Darker
#005c78
steelblue
#4682b4 25% Desaturated
#14708c Web Safe: teal
#008080
rgb(0, 123, 161)
rgba(0, 123, 161, 1.0)
red: 0%, yellow: 27.3447%, blue: 63.1373%
#007ba1
31649
-16745567 / 0xff007ba1
hsl(194, 100%, 32%)
hsla(194, 100%, 32%, 1.0)
hue: 194 (194.1615), saturation: 100 (100), value: 63 (63.1373)
X: 13.516, Y: 16.7391, Z: 36.2368
x: 0.2033, y: 0.2517, Y: 16.7391
L: 47.9296, a: -14.5793, b: -28.3755
L: 47.9296, u: -33.0347, v: -40.3648
L: 47.9296, C: 31.9018, H: 242.8059
L: 40.9135, a: -12.6302, b: -23.8734
cyan: 100 (1), magenta: 24 (0.236), yellow: 0 (0), key: 37 (0.3686)
cyan: 100 (1), magenta: 52 (0.5176), yellow: 37 (0.3686)
Y: 90.555, I: -85.4811, Q: -14.186
Y: 90.555, U: 34.6662, V: -79.4454
Y: 90.555, Db: 106.004, Dr: 172.205
Y: 93.77, Cb: 162.886, Cr: 71.305
Y: 99.537, Pb: 33.145, Pr: -63.248
5B 5/8 (approximate)
#007ba1 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#007ba1 to White#007ba1 to Black#007ba1 foreground
<p style="color: #007ba1">#007ba1 foreground</p>
#007ba1 background
<p style="background-color: #007ba1; color: #fff">#007ba1 background</p>
#007ba1 border
<p style="border: #007ba1 3px solid">#007ba1 border</p>
#007ba1 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #007ba1, #fff); background: -webkit-radial-gradient(50% 50%, #007ba1, #fff); background: -o-radial-gradient(50% 50%, #007ba1, #fff); background: -ms-radial-gradient(50% 50%, #007ba1, #fff); background: radial-gradient(50% 50%, #007ba1, #fff); color: #fff">#007ba1 radial gradient</p>
#007ba1 linear gradient to complementary #a12500
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #007ba1, #a12500); background: -webkit-linear-gradient(top, #007ba1, #a12500); background: -o-linear-gradient(top, #007ba1, #a12500); background: -ms-linear-gradient(top, #007ba1, #a12500); background: linear-gradient(top, #007ba1, #a12500); color: #fff">#007ba1 linear gradient to complementary #a12500</p>
#007ba1 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #007ba1">#007ba1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #007ba1 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 #007ba1.
Jump to paint brand: