#003e7c
Hex Color CodeThe hexadecimal color code #003e7c
is a dark shade of cyan-blue. In the RGB color model #003e7c
is comprised of 0% red, 24.31% green and 48.63% blue. In the HSL color space #003e7c
has a hue of 210 degrees, 100% saturation and 24.31% lightness. This color has an approximate wavelength of 488 nm.
#003e7c
Color InformationInverted
#ffc183 25% Saturated
#003d7c Grayscale
#3e3e3e
25% Lighter
#004d9b Original
#003e7c 25% Darker
#002e5d
darkslateblue
#483d8b 25% Desaturated
#0f3d6c Web Safe: blue
#0000ff
rgb(0, 62, 124)
rgba(0, 62, 124, 1.0)
red: 0%, yellow: 16.2092%, blue: 48.6275%
#003e7c
15996
-16761220 / 0xff003e7c
hsl(210, 100%, 24%)
hsla(210, 100%, 24%, 1.0)
hue: 210 (210), saturation: 100 (100), value: 49 (48.6275)
X: 5.3607, Y: 4.9005, Z: 19.7321
x: 0.1787, y: 0.1634, Y: 4.9005
L: 26.4493, a: 8.7769, b: -39.991
L: 26.4493, u: -14.6233, v: -51.194
L: 26.4493, C: 40.9428, H: 282.3786
L: 22.137, a: 4.4858, b: -37.353
cyan: 100 (1), magenta: 50 (0.5), yellow: 0 (0), key: 51 (0.5137)
cyan: 100 (1), magenta: 76 (0.7569), yellow: 51 (0.5137)
Y: 50.53, I: -56.8527, Q: 6.1801
Y: 50.53, U: 36.1547, V: -44.3306
Y: 50.53, Db: 110.546, Dr: 96.1
Y: 59.4, Cb: 164.394, Cr: 96.38
Y: 53.258, Pb: 38.13, Pr: -33.852
5PB 3/8 approximate; exact match: Munsell 5PB 3/8 / #194884
#003e7c
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#003e7c
to White#003e7c
to Black#003e7c
foreground
<p style="color: #003e7c">#003e7c foreground</p>
#003e7c
background
<p style="background-color: #003e7c; color: #fff">#003e7c background</p>
#003e7c
border
<p style="border: #003e7c 3px solid">#003e7c border</p>
#003e7c
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #003e7c, #fff); background: -webkit-radial-gradient(50% 50%, #003e7c, #fff); background: -o-radial-gradient(50% 50%, #003e7c, #fff); background: -ms-radial-gradient(50% 50%, #003e7c, #fff); background: radial-gradient(50% 50%, #003e7c, #fff); color: #fff">#003e7c radial gradient</p>
#003e7c
linear gradient to complementary #7c3d00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #003e7c, #7c3d00); background: -webkit-linear-gradient(top, #003e7c, #7c3d00); background: -o-linear-gradient(top, #003e7c, #7c3d00); background: -ms-linear-gradient(top, #003e7c, #7c3d00); background: linear-gradient(top, #003e7c, #7c3d00); color: #fff">
#003e7c
linear gradient to complementary #7c3d00
</p>
#003e7c
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #003e7c">#003e7c text shadow</p>
The matching paint colors are listed in order of relevancy to the #003e7c
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 #003e7c
.
Jump to paint brand: