Color Charts
RGB
CMYK
RYB
#004585 Hex Color CodeThe hexadecimal color code #004585 is a medium dark shade of cyan-blue. In the RGB color model #004585 is comprised of 0% red, 27.06% green and 52.16% blue. In the HSL color space #004585 has a hue of 208.87 degrees, 100% saturation and 26.08% lightness. This color has an approximate wavelength of 488 nm.
#004585 Color InformationInverted
#ffba7a 25% Saturated
#004485 Grayscale
#424242
25% Lighter
#0056a6 Original
#004585 25% Darker
#003363
darkslateblue
#483d8b 25% Desaturated
#104474 Web Safe: blue
#0000ff
rgb(0, 69, 133)
rgba(0, 69, 133, 1.0)
red: 0%, yellow: 17.816%, blue: 52.1569%
#004585
17797
-16759419 / 0xff004585
hsl(209, 100%, 26%)
hsla(209, 100%, 26%, 1.0)
hue: 209 (208.8722), saturation: 100 (100), value: 52 (52.1569)
X: 6.3618, Y: 5.9497, Z: 23.0034
x: 0.1801, y: 0.1685, Y: 5.9497
L: 29.2852, a: 7.8146, b: -41.0391
L: 29.2852, u: -16.4683, v: -54.4614
L: 29.2852, C: 41.7765, H: 280.7811
L: 24.392, a: 3.8692, b: -38.8403
cyan: 100 (1), magenta: 48 (0.4812), yellow: 0 (0), key: 48 (0.4784)
cyan: 100 (1), magenta: 73 (0.7294), yellow: 48 (0.4784)
Y: 55.665, I: -61.6652, Q: 5.3222
Y: 55.665, U: 38.0567, V: -48.8356
Y: 55.665, Db: 116.362, Dr: 105.865
Y: 63.81, Cb: 166.308, Cr: 93.165
Y: 58.911, Pb: 39.935, Pr: -37.444
5PB 3/8 approximate; exact match: Munsell 5PB 3/8 / #194884
#004585 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#004585 to White#004585 to Black#004585 foreground
<p style="color: #004585">#004585 foreground</p>
#004585 background
<p style="background-color: #004585; color: #fff">#004585 background</p>
#004585 border
<p style="border: #004585 3px solid">#004585 border</p>
#004585 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #004585, #fff); background: -webkit-radial-gradient(50% 50%, #004585, #fff); background: -o-radial-gradient(50% 50%, #004585, #fff); background: -ms-radial-gradient(50% 50%, #004585, #fff); background: radial-gradient(50% 50%, #004585, #fff); color: #fff">#004585 radial gradient</p>
#004585 linear gradient to complementary #853f00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #004585, #853f00); background: -webkit-linear-gradient(top, #004585, #853f00); background: -o-linear-gradient(top, #004585, #853f00); background: -ms-linear-gradient(top, #004585, #853f00); background: linear-gradient(top, #004585, #853f00); color: #fff">#004585 linear gradient to complementary #853f00</p>
#004585 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #004585">#004585 text shadow</p>
The matching paint colors are listed in order of relevancy to the #004585 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 #004585.
Jump to paint brand: