Color Charts
RGB
CMYK
RYB
#002f6e Hex Color CodeThe hexadecimal color code #002f6e is a dark shade of cyan-blue. In the RGB color model #002f6e is comprised of 0% red, 18.43% green and 43.14% blue. In the HSL color space #002f6e has a hue of 214.36 degrees, 100% saturation and 21.57% lightness. This color has an approximate wavelength of 485 nm.
#002f6e Color InformationInverted
#ffd091 25% Saturated
#002e6e Grayscale
#373737
25% Lighter
#003a89 Original
#002f6e 25% Darker
#002352
midnightblue
#191970 25% Desaturated
#0d3060 Web Safe: navy
#000080
rgb(0, 47, 110)
rgba(0, 47, 110, 1.0)
red: 0%, yellow: 12.9137%, blue: 43.1373%
#002f6e
12142
-16765074 / 0xff002f6e
hsl(214, 100%, 22%)
hsla(214, 100%, 22%, 1.0)
hue: 214 (214.3636), saturation: 100 (100), value: 43 (43.1373)
X: 3.831, Y: 3.1588, Z: 15.1596
x: 0.173, y: 0.1426, Y: 3.1588
L: 20.669, a: 13.3767, b: -40.4364
L: 20.669, u: -10.5754, v: -46.8386
L: 20.669, C: 42.5915, H: 288.3046
L: 17.7731, a: 7.3728, b: -38.1306
cyan: 100 (1), magenta: 57 (0.5727), yellow: 0 (0), key: 57 (0.5686)
cyan: 100 (1), magenta: 82 (0.8157), yellow: 57 (0.5686)
Y: 40.129, I: -48.2382, Q: 9.6631
Y: 40.129, U: 34.3836, V: -35.2056
Y: 40.129, Db: 105.129, Dr: 76.322
Y: 50.468, Cb: 162.613, Cr: 102.894
Y: 41.525, Pb: 36.905, Pr: -26.398
5PB 2/8 (approximate)
#002f6e / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#002f6e to White#002f6e to Black#002f6e foreground
<p style="color: #002f6e">#002f6e foreground</p>
#002f6e background
<p style="background-color: #002f6e; color: #fff">#002f6e background</p>
#002f6e border
<p style="border: #002f6e 3px solid">#002f6e border</p>
#002f6e radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #002f6e, #fff); background: -webkit-radial-gradient(50% 50%, #002f6e, #fff); background: -o-radial-gradient(50% 50%, #002f6e, #fff); background: -ms-radial-gradient(50% 50%, #002f6e, #fff); background: radial-gradient(50% 50%, #002f6e, #fff); color: #fff">#002f6e radial gradient</p>
#002f6e linear gradient to complementary #6e3f00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #002f6e, #6e3f00); background: -webkit-linear-gradient(top, #002f6e, #6e3f00); background: -o-linear-gradient(top, #002f6e, #6e3f00); background: -ms-linear-gradient(top, #002f6e, #6e3f00); background: linear-gradient(top, #002f6e, #6e3f00); color: #fff">#002f6e linear gradient to complementary #6e3f00</p>
#002f6e text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #002f6e">#002f6e text shadow</p>
The matching paint colors are listed in order of relevancy to the #002f6e 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 #002f6e.
Jump to paint brand: