Color Charts
RGB
CMYK
RYB
#0277a3 Hex Color CodeThe hexadecimal color code #0277a3 is a medium dark shade of cyan. In the RGB color model #0277a3 is comprised of 0.78% red, 46.67% green and 63.92% blue. In the HSL color space #0277a3 has a hue of 196.4 degrees, 97.58% saturation and 32.35% lightness. This color has an approximate wavelength of 496 nm.
#0277a3 Color InformationInverted
#fd885c 25% Saturated
#0077a4 Grayscale
#525252
25% Lighter
#0294cb Original
#0277a3 25% Darker
#01597a
steelblue
#4682b4 25% Desaturated
#166d8e Web Safe: teal
#008080
rgb(2, 119, 163)
rgba(2, 119, 163, 1.0)
red: 0.7843%, yellow: 27.3565%, blue: 63.9216%
#0277a3
161699
-16615517 / 0xff0277a3
hsl(196, 98%, 32%)
hsla(196, 98%, 32%, 1.0)
hue: 196 (196.3975), saturation: 99 (98.773), value: 64 (63.9216)
X: 13.2327, Y: 15.8509, Z: 37.0124
x: 0.2002, y: 0.2398, Y: 15.8509
L: 46.7783, a: -11.4525, b: -31.3425
L: 46.7783, u: -31.4004, v: -45.1768
L: 46.7783, C: 33.3693, H: 249.9277
L: 39.8132, a: -10.345, b: -27.2498
cyan: 99 (0.9877), magenta: 27 (0.2699), yellow: 0 (0), key: 36 (0.3608)
cyan: 99 (0.9922), magenta: 53 (0.5333), yellow: 36 (0.3608)
Y: 89.033, I: -83.8343, Q: -11.0504
Y: 89.033, U: 36.3994, V: -76.3554
Y: 89.033, Db: 111.302, Dr: 165.509
Y: 92.464, Cb: 164.632, Cr: 73.513
Y: 97.247, Pb: 35.455, Pr: -60.524
7.5B 5/8 approximate; exact match: Munsell 7.5B 5/8 / #0283b3
#0277a3 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0277a3 to White#0277a3 to Black#0277a3 foreground
<p style="color: #0277a3">#0277a3 foreground</p>
#0277a3 background
<p style="background-color: #0277a3; color: #fff">#0277a3 background</p>
#0277a3 border
<p style="border: #0277a3 3px solid">#0277a3 border</p>
#0277a3 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0277a3, #fff); background: -webkit-radial-gradient(50% 50%, #0277a3, #fff); background: -o-radial-gradient(50% 50%, #0277a3, #fff); background: -ms-radial-gradient(50% 50%, #0277a3, #fff); background: radial-gradient(50% 50%, #0277a3, #fff); color: #fff">#0277a3 radial gradient</p>
#0277a3 linear gradient to complementary #a32d01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0277a3, #a32d01); background: -webkit-linear-gradient(top, #0277a3, #a32d01); background: -o-linear-gradient(top, #0277a3, #a32d01); background: -ms-linear-gradient(top, #0277a3, #a32d01); background: linear-gradient(top, #0277a3, #a32d01); color: #fff">#0277a3 linear gradient to complementary #a32d01</p>
#0277a3 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0277a3">#0277a3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0277a3 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 #0277a3.
Jump to paint brand: