#003a55
Hex Color CodeThe hexadecimal color code #003a55
is a dark shade of cyan. In the RGB color model #003a55
is comprised of 0% red, 22.75% green and 33.33% blue. In the HSL color space #003a55
has a hue of 199.06 degrees, 100% saturation and 16.67% lightness. This color has an approximate wavelength of 495 nm.
#003a55
Color InformationInverted
#ffc5aa 25% Saturated
#003a54 Grayscale
#2a2a2a
25% Lighter
#00486a Original
#003a55 25% Darker
#002b3f
darkslategray / darkslategrey
#2f4f4f 25% Desaturated
#0a364a Web Safe: navy
#000080
rgb(0, 58, 85)
rgba(0, 58, 85, 1.0)
red: 0%, yellow: 13.5198%, blue: 33.3333%
#003a55
14933
-16762283 / 0xff003a55
hsl(199, 100%, 17%)
hsla(199, 100%, 17%, 1.0)
hue: 199 (199.0588), saturation: 100 (100), value: 33 (33.3333)
X: 3.1527, Y: 3.682, Z: 9.1389
x: 0.1974, y: 0.2305, Y: 3.682
L: 22.591, a: -5.688, b: -21.0309
L: 22.591, u: -14.9358, v: -24.1142
L: 22.591, C: 21.7865, H: 254.8659
L: 19.1885, a: -4.2516, b: -14.8059
cyan: 100 (1), magenta: 32 (0.3176), yellow: 0 (0), key: 67 (0.6667)
cyan: 100 (1), magenta: 77 (0.7725), yellow: 67 (0.6667)
Y: 43.736, I: -43.2256, Q: -3.8638
Y: 43.736, U: 20.3061, V: -38.3703
Y: 43.736, Db: 62.091, Dr: 83.173
Y: 53.562, Cb: 148.437, Cr: 100.621
Y: 47.59, Pb: 20.17, Pr: -30.242
7.5B 2/4 approximate; exact match: Munsell 7.5B 2/4 / #0a344b
#003a55
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#003a55
to White#003a55
to Black#003a55
foreground
<p style="color: #003a55">#003a55 foreground</p>
#003a55
background
<p style="background-color: #003a55; color: #fff">#003a55 background</p>
#003a55
border
<p style="border: #003a55 3px solid">#003a55 border</p>
#003a55
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003a55, #fff); background: -webkit-radial-gradient(50% 50%, #003a55, #fff); background: -o-radial-gradient(50% 50%, #003a55, #fff); background: -ms-radial-gradient(50% 50%, #003a55, #fff); background: radial-gradient(50% 50%, #003a55, #fff); color: #fff">#003a55 radial gradient</p>
#003a55
linear gradient to complementary #541a00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003a55, #541a00); background: -webkit-linear-gradient(top, #003a55, #541a00); background: -o-linear-gradient(top, #003a55, #541a00); background: -ms-linear-gradient(top, #003a55, #541a00); background: linear-gradient(top, #003a55, #541a00); color: #fff">
#003a55
linear gradient to complementary #541a00
</p>
#003a55
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003a55">#003a55 text shadow</p>
The matching paint colors are listed in order of relevancy to the #003a55
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 #003a55
.
Jump to paint brand: