#0053a9
Hex Color CodeThe hexadecimal color code #0053a9
is a medium dark shade of cyan-blue. In the RGB color model #0053a9
is comprised of 0% red, 32.55% green and 66.27% blue. In the HSL color space #0053a9
has a hue of 210.53 degrees, 100% saturation and 33.14% lightness. This color has an approximate wavelength of 487 nm.
#0053a9
Color InformationInverted
#ffac56 25% Saturated
#0052a8 Grayscale
#545454
25% Lighter
#0067d3 Original
#0053a9 25% Darker
#003e7e
darkslateblue
#483d8b 25% Desaturated
#155393 Web Safe: blue
#0000ff
rgb(0, 83, 169)
rgba(0, 83, 169, 1.0)
red: 0%, yellow: 21.8285%, blue: 66.2745%
#0053a9
21417
-16755799 / 0xff0053a9
hsl(211, 100%, 33%)
hsla(211, 100%, 33%, 1.0)
hue: 211 (210.5325), saturation: 100 (100), value: 66 (66.2745)
X: 10.2547, Y: 9.0511, Z: 38.7427
x: 0.1767, y: 0.1559, Y: 9.0511
L: 36.0825, a: 13.5364, b: -51.9255
L: 36.0825, u: -19.4329, v: -73.9803
L: 36.0825, C: 53.6609, H: 284.6112
L: 30.085, a: 8.1942, b: -55.2925
cyan: 100 (1), magenta: 51 (0.5089), yellow: 0 (0), key: 34 (0.3373)
cyan: 100 (1), magenta: 67 (0.6745), yellow: 34 (0.3373)
Y: 67.987, I: -77.073, Q: 9.2068
Y: 67.987, U: 49.7086, V: -59.6459
Y: 67.987, Db: 151.988, Dr: 129.301
Y: 74.394, Cb: 178.038, Cr: 85.457
Y: 71.513, Pb: 52.545, Pr: -45.456
5PB 3/12 (approximate)
#0053a9
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0053a9
to White#0053a9
to Black#0053a9
foreground
<p style="color: #0053a9">#0053a9 foreground</p>
#0053a9
background
<p style="background-color: #0053a9; color: #fff">#0053a9 background</p>
#0053a9
border
<p style="border: #0053a9 3px solid">#0053a9 border</p>
#0053a9
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0053a9, #fff); background: -webkit-radial-gradient(50% 50%, #0053a9, #fff); background: -o-radial-gradient(50% 50%, #0053a9, #fff); background: -ms-radial-gradient(50% 50%, #0053a9, #fff); background: radial-gradient(50% 50%, #0053a9, #fff); color: #fff">#0053a9 radial gradient</p>
#0053a9
linear gradient to complementary #a85500
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0053a9, #a85500); background: -webkit-linear-gradient(top, #0053a9, #a85500); background: -o-linear-gradient(top, #0053a9, #a85500); background: -ms-linear-gradient(top, #0053a9, #a85500); background: linear-gradient(top, #0053a9, #a85500); color: #fff">
#0053a9
linear gradient to complementary #a85500
</p>
#0053a9
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0053a9">#0053a9 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0053a9
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 #0053a9
.
Jump to paint brand: