Color Charts
RGB
CMYK
RYB
#002c7f Hex Color CodeThe hexadecimal color code #002c7f is a dark shade of cyan-blue. In the RGB color model #002c7f is comprised of 0% red, 17.25% green and 49.8% blue. In the HSL color space #002c7f has a hue of 219.21 degrees, 100% saturation and 24.9% lightness. This color has an approximate wavelength of 482 nm.
#002c7f Color InformationInverted
#ffd380 25% Saturated
#002b7f Grayscale
#3f3f3f
25% Lighter
#00369e Original
#002c7f 25% Darker
#00205f
midnightblue
#191970 25% Desaturated
#0f306f Web Safe: navy
#000080
rgb(0, 44, 127)
rgba(0, 44, 127, 1.0)
red: 0%, yellow: 12.815%, blue: 49.8039%
#002c7f
11391
-16765825 / 0xff002c7f
hsl(219, 100%, 25%)
hsla(219, 100%, 25%, 1.0)
hue: 219 (219.2126), saturation: 100 (100), value: 50 (49.8039)
X: 4.7314, Y: 3.3337, Z: 20.4728
x: 0.1658, y: 0.1168, Y: 3.3337
L: 21.3335, a: 23.0108, b: -50.2101
L: 21.3335, u: -9.6801, v: -58.25
L: 21.3335, C: 55.2318, H: 294.6215
L: 18.2583, a: 14.3042, b: -53.7
cyan: 100 (1), magenta: 65 (0.6535), yellow: 0 (0), key: 50 (0.502)
cyan: 100 (1), magenta: 83 (0.8275), yellow: 50 (0.502)
Y: 40.306, I: -52.8763, Q: 16.5201
Y: 40.306, U: 42.6622, V: -35.3608
Y: 40.306, Db: 130.439, Dr: 76.663
Y: 50.622, Cb: 170.949, Cr: 102.791
Y: 40.604, Pb: 46.56, Pr: -25.818
7.5PB 2/10 approximate; exact match: Munsell 7.5PB 2/10 / #252774
#002c7f / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#002c7f to White#002c7f to Black#002c7f foreground
<p style="color: #002c7f">#002c7f foreground</p>
#002c7f background
<p style="background-color: #002c7f; color: #fff">#002c7f background</p>
#002c7f border
<p style="border: #002c7f 3px solid">#002c7f border</p>
#002c7f radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #002c7f, #fff); background: -webkit-radial-gradient(50% 50%, #002c7f, #fff); background: -o-radial-gradient(50% 50%, #002c7f, #fff); background: -ms-radial-gradient(50% 50%, #002c7f, #fff); background: radial-gradient(50% 50%, #002c7f, #fff); color: #fff">#002c7f radial gradient</p>
#002c7f linear gradient to complementary #7f5300
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #002c7f, #7f5300); background: -webkit-linear-gradient(top, #002c7f, #7f5300); background: -o-linear-gradient(top, #002c7f, #7f5300); background: -ms-linear-gradient(top, #002c7f, #7f5300); background: linear-gradient(top, #002c7f, #7f5300); color: #fff">#002c7f linear gradient to complementary #7f5300</p>
#002c7f text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #002c7f">#002c7f text shadow</p>
The matching paint colors are listed in order of relevancy to the #002c7f 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 #002c7f.
Jump to paint brand: