#0277e9
Hex Color CodeThe hexadecimal color code #0277e9
is a shade of cyan-blue. In the RGB color model #0277e9
is comprised of 0.78% red, 46.67% green and 91.37% blue. In the HSL color space #0277e9
has a hue of 209.61 degrees, 98.3% saturation and 46.08% lightness. This color has an approximate wavelength of 488 nm.
#0277e9
Color InformationInverted
#fd8816 25% Saturated
#0077eb Grayscale
#757575
25% Lighter
#2894fd Original
#0277e9 25% Darker
#0159ae
royalblue
#4169e1 25% Desaturated
#1e76cc Web Safe: blue
#0000ff
rgb(2, 119, 233)
rgba(2, 119, 233, 1.0)
red: 0.7843%, yellow: 31.2407%, blue: 91.3725%
#0277e9
161769
-16615447 / 0xff0277e9
hsl(210, 98%, 46%)
hsla(210, 98%, 46%, 1.0)
hue: 210 (209.6104), saturation: 99 (99.1416), value: 91 (91.3725)
X: 21.3298, Y: 19.0897, Z: 79.6513
x: 0.1776, y: 0.159, Y: 19.0897
L: 50.792, a: 15.9489, b: -65.0494
L: 50.792, u: -27.5722, v: -101.7073
L: 50.792, C: 66.976, H: 283.7761
L: 43.6918, a: 10.681, b: -77.5029
cyan: 99 (0.9914), magenta: 49 (0.4893), yellow: 0 (0), key: 9 (0.0863)
cyan: 99 (0.9922), magenta: 53 (0.5333), yellow: 9 (0.0863)
Y: 97.013, I: -106.3228, Q: 10.729
Y: 97.013, U: 66.9194, V: -83.3561
Y: 97.013, Db: 204.612, Dr: 180.699
Y: 99.324, Cb: 195.362, Cr: 68.543
Y: 102.287, Pb: 70.455, Pr: -63.744
5PB 5/16 (approximate)
#0277e9
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0277e9
to White#0277e9
to Black#0277e9
foreground
<p style="color: #0277e9">#0277e9 foreground</p>
#0277e9
background
<p style="background-color: #0277e9; color: #fff">#0277e9 background</p>
#0277e9
border
<p style="border: #0277e9 3px solid">#0277e9 border</p>
#0277e9
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0277e9, #fff); background: -webkit-radial-gradient(50% 50%, #0277e9, #fff); background: -o-radial-gradient(50% 50%, #0277e9, #fff); background: -ms-radial-gradient(50% 50%, #0277e9, #fff); background: radial-gradient(50% 50%, #0277e9, #fff); color: #fff">#0277e9 radial gradient</p>
#0277e9
linear gradient to complementary #e97301
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0277e9, #e97301); background: -webkit-linear-gradient(top, #0277e9, #e97301); background: -o-linear-gradient(top, #0277e9, #e97301); background: -ms-linear-gradient(top, #0277e9, #e97301); background: linear-gradient(top, #0277e9, #e97301); color: #fff">
#0277e9
linear gradient to complementary #e97301
</p>
#0277e9
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0277e9">#0277e9 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0277e9
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 #0277e9
.
Jump to paint brand: