#0277d7
Hex Color CodeThe hexadecimal color code #0277d7
is a shade of cyan-blue. In the RGB color model #0277d7
is comprised of 0.78% red, 46.67% green and 84.31% blue. In the HSL color space #0277d7
has a hue of 207.04 degrees, 98.16% saturation and 42.55% lightness. This color has an approximate wavelength of 490 nm.
#0277d7
Color InformationInverted
#fd8828 25% Saturated
#0077d9 Grayscale
#6c6c6c
25% Lighter
#1293fc Original
#0277d7 25% Darker
#0159a1
royalblue
#4169e1 25% Desaturated
#1c74bc Web Safe: blue
#0000ff
rgb(2, 119, 215)
rgba(2, 119, 215, 1.0)
red: 0.7843%, yellow: 30.3993%, blue: 84.3137%
#0277d7
161751
-16615465 / 0xff0277d7
hsl(207, 98%, 43%)
hsla(207, 98%, 43%, 1.0)
hue: 207 (207.0423), saturation: 99 (99.0698), value: 84 (84.3137)
X: 18.8876, Y: 18.1129, Z: 66.7906
x: 0.182, y: 0.1745, Y: 18.1129
L: 49.6327, a: 8.8764, b: -56.7748
L: 49.6327, u: -28.3605, v: -87.9419
L: 49.6327, C: 57.4645, H: 278.8859
L: 42.5592, a: 4.739, b: -63.2558
cyan: 99 (0.9907), magenta: 45 (0.4465), yellow: 0 (0), key: 16 (0.1569)
cyan: 99 (0.9922), magenta: 53 (0.5333), yellow: 16 (0.1569)
Y: 94.961, I: -100.54, Q: 5.1286
Y: 94.961, U: 59.0714, V: -81.556
Y: 94.961, Db: 180.618, Dr: 176.793
Y: 97.56, Cb: 187.46, Cr: 69.821
Y: 100.991, Pb: 61.455, Pr: -62.916
5PB 5/12 approximate; exact match: Munsell 5PB 5/12 / #2d7bd5
#0277d7
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0277d7
to White#0277d7
to Black#0277d7
foreground
<p style="color: #0277d7">#0277d7 foreground</p>
#0277d7
background
<p style="background-color: #0277d7; color: #fff">#0277d7 background</p>
#0277d7
border
<p style="border: #0277d7 3px solid">#0277d7 border</p>
#0277d7
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0277d7, #fff); background: -webkit-radial-gradient(50% 50%, #0277d7, #fff); background: -o-radial-gradient(50% 50%, #0277d7, #fff); background: -ms-radial-gradient(50% 50%, #0277d7, #fff); background: radial-gradient(50% 50%, #0277d7, #fff); color: #fff">#0277d7 radial gradient</p>
#0277d7
linear gradient to complementary #d76201
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0277d7, #d76201); background: -webkit-linear-gradient(top, #0277d7, #d76201); background: -o-linear-gradient(top, #0277d7, #d76201); background: -ms-linear-gradient(top, #0277d7, #d76201); background: linear-gradient(top, #0277d7, #d76201); color: #fff">
#0277d7
linear gradient to complementary #d76201
</p>
#0277d7
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0277d7">#0277d7 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0277d7
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 #0277d7
.
Jump to paint brand: