#0157b4
Hex Color CodeThe hexadecimal color code #0157b4
is a medium dark shade of cyan-blue. In the RGB color model #0157b4
is comprised of 0.39% red, 34.12% green and 70.59% blue. In the HSL color space #0157b4
has a hue of 211.17 degrees, 98.9% saturation and 35.49% lightness. This color has an approximate wavelength of 487 nm.
#0157b4
Color InformationInverted
#fea84b 25% Saturated
#0056b5 Grayscale
#5a5a5a
25% Lighter
#016ce1 Original
#0157b4 25% Darker
#004187
royalblue
#4169e1 25% Desaturated
#17579d Web Safe: blue
#0000ff
rgb(1, 87, 180)
rgba(1, 87, 180, 1.0)
red: 0.3922%, yellow: 23.1728%, blue: 70.5882%
#0157b4
87988
-16689228 / 0xff0157b4
hsl(211, 99%, 35%)
hsla(211, 99%, 35%, 1.0)
hue: 211 (211.1732), saturation: 99 (99.4444), value: 71 (70.5882)
X: 11.6589, Y: 10.1181, Z: 44.5185
x: 0.1759, y: 0.1526, Y: 10.1181
L: 38.0536, a: 15.4438, b: -55.2461
L: 38.0536, u: -20.1886, v: -79.9986
L: 38.0536, C: 57.3641, H: 285.618
L: 31.809, a: 9.7597, b: -60.7134
cyan: 99 (0.9944), magenta: 52 (0.5167), yellow: 0 (0), key: 29 (0.2941)
cyan: 100 (0.9961), magenta: 66 (0.6588), yellow: 29 (0.2941)
Y: 71.888, I: -81.109, Q: 10.7503
Y: 71.888, U: 53.2021, V: -62.1909
Y: 71.888, Db: 162.669, Dr: 134.819
Y: 77.745, Cb: 181.555, Cr: 83.643
Y: 75.378, Pb: 56.39, Pr: -47.278
5PB 4/12 (approximate)
#0157b4
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0157b4
to White#0157b4
to Black#0157b4
foreground
<p style="color: #0157b4">#0157b4 foreground</p>
#0157b4
background
<p style="background-color: #0157b4; color: #fff">#0157b4 background</p>
#0157b4
border
<p style="border: #0157b4 3px solid">#0157b4 border</p>
#0157b4
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0157b4, #fff); background: -webkit-radial-gradient(50% 50%, #0157b4, #fff); background: -o-radial-gradient(50% 50%, #0157b4, #fff); background: -ms-radial-gradient(50% 50%, #0157b4, #fff); background: radial-gradient(50% 50%, #0157b4, #fff); color: #fff">#0157b4 radial gradient</p>
#0157b4
linear gradient to complementary #b45e00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0157b4, #b45e00); background: -webkit-linear-gradient(top, #0157b4, #b45e00); background: -o-linear-gradient(top, #0157b4, #b45e00); background: -ms-linear-gradient(top, #0157b4, #b45e00); background: linear-gradient(top, #0157b4, #b45e00); color: #fff">
#0157b4
linear gradient to complementary #b45e00
</p>
#0157b4
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0157b4">#0157b4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0157b4
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 #0157b4
.
Jump to paint brand: