#002c59
Hex Color CodeThe hexadecimal color code #002c59
is a dark shade of cyan-blue. In the RGB color model #002c59
is comprised of 0% red, 17.25% green and 34.9% blue. In the HSL color space #002c59
has a hue of 210.34 degrees, 100% saturation and 17.45% lightness. This color has an approximate wavelength of 488 nm.
#002c59
Color InformationInverted
#ffd3a6 25% Saturated
#002b59 Grayscale
#2c2c2c
25% Lighter
#00366f Original
#002c59 25% Darker
#002042
midnightblue
#191970 25% Desaturated
#0b2c4d Web Safe: navy
#000080
rgb(0, 44, 89)
rgba(0, 44, 89, 1.0)
red: 0%, yellow: 11.5465%, blue: 34.902%
#002c59
11353
-16765863 / 0xff002c59
hsl(210, 100%, 17%)
hsla(210, 100%, 17%, 1.0)
hue: 210 (210.3371), saturation: 100 (100), value: 35 (34.902)
X: 2.7039, Y: 2.5226, Z: 9.7956
x: 0.18, y: 0.1679, Y: 2.5226
L: 18.0207, a: 5.9934, b: -30.96
L: 18.0207, u: -10.1156, v: -33.6583
L: 18.0207, C: 31.5348, H: 280.956
L: 15.8828, a: 2.5926, b: -25.4487
cyan: 100 (1), magenta: 51 (0.5056), yellow: 0 (0), key: 65 (0.651)
cyan: 100 (1), magenta: 83 (0.8275), yellow: 65 (0.651)
Y: 35.974, I: -40.6683, Q: 4.697
Y: 35.974, U: 26.0942, V: -31.5604
Y: 35.974, Db: 79.785, Dr: 68.417
Y: 46.898, Cb: 154.267, Cr: 105.489
Y: 37.868, Pb: 27.56, Pr: -24.07
5PB 2/6 approximate; exact match: Munsell 5PB 2/6 / #13305d
#002c59
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#002c59
to White#002c59
to Black#002c59
foreground
<p style="color: #002c59">#002c59 foreground</p>
#002c59
background
<p style="background-color: #002c59; color: #fff">#002c59 background</p>
#002c59
border
<p style="border: #002c59 3px solid">#002c59 border</p>
#002c59
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #002c59, #fff); background: -webkit-radial-gradient(50% 50%, #002c59, #fff); background: -o-radial-gradient(50% 50%, #002c59, #fff); background: -ms-radial-gradient(50% 50%, #002c59, #fff); background: radial-gradient(50% 50%, #002c59, #fff); color: #fff">#002c59 radial gradient</p>
#002c59
linear gradient to complementary #592c00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #002c59, #592c00); background: -webkit-linear-gradient(top, #002c59, #592c00); background: -o-linear-gradient(top, #002c59, #592c00); background: -ms-linear-gradient(top, #002c59, #592c00); background: linear-gradient(top, #002c59, #592c00); color: #fff">
#002c59
linear gradient to complementary #592c00
</p>
#002c59
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #002c59">#002c59 text shadow</p>
The matching paint colors are listed in order of relevancy to the #002c59
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 #002c59
.
Jump to paint brand: