#1f3665
Hex Color CodeThe hexadecimal color code #1f3665
is a medium dark shade of blue. In the RGB color model #1f3665
is comprised of 12.16% red, 21.18% green and 39.61% blue. In the HSL color space #1f3665
has a hue of 220.29 degrees, 53.03% saturation and 25.88% lightness. This color has an approximate wavelength of 481 nm. Dulux Australia Passionate Blue / A385 is a matching paint color.
#1f3665
Color InformationInverted
#e0c99a 25% Saturated
#16336d Grayscale
#414141
25% Lighter
#26437e Original
#1f3665 25% Darker
#17284b
darkslateblue
#483d8b 25% Desaturated
#27395c Web Safe: navy
#000080
rgb(31, 54, 101)
rgba(31, 54, 101, 1.0)
red: 12.1569%, yellow: 18.9458%, blue: 39.6078%
#1f3665
2045541
-14731675 / 0xff1f3665
hsl(220, 53%, 26%)
hsla(220, 53%, 26%, 1.0)
hue: 220 (220.2857), saturation: 69 (69.3069), value: 40 (39.6078)
X: 4.2332, Y: 3.8692, Z: 12.8356
x: 0.2022, y: 0.1848, Y: 3.8692
L: 23.2343, a: 8.1206, b: -30.42
L: 23.2343, u: -9.0069, v: -37.0901
L: 23.2343, C: 31.4853, H: 284.9465
L: 19.6703, a: 3.9914, b: -24.9197
cyan: 69 (0.6931), magenta: 47 (0.4653), yellow: 0 (0), key: 60 (0.6039)
cyan: 88 (0.8784), magenta: 79 (0.7882), yellow: 60 (0.6039)
Y: 52.481, I: -28.8008, Q: 9.7599
Y: 52.481, U: 23.8765, V: -18.8455
Y: 52.481, Db: 73.001, Dr: 40.858
Y: 61.081, Cb: 152.037, Cr: 114.566
Y: 52.485, Pb: 26.145, Pr: -13.662
5PB 2/6 approximate; exact match: Munsell 5PB 2/6 / #13305d
#1f3665
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#1f3665
to White#1f3665
to Black#1f3665
foreground
<p style="color: #1f3665">#1f3665 foreground</p>
#1f3665
background
<p style="background-color: #1f3665; color: #fff">#1f3665 background</p>
#1f3665
border
<p style="border: #1f3665 3px solid">#1f3665 border</p>
#1f3665
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #1f3665, #fff); background: -webkit-radial-gradient(50% 50%, #1f3665, #fff); background: -o-radial-gradient(50% 50%, #1f3665, #fff); background: -ms-radial-gradient(50% 50%, #1f3665, #fff); background: radial-gradient(50% 50%, #1f3665, #fff); color: #fff">#1f3665 radial gradient</p>
#1f3665
linear gradient to complementary #644d1f
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #1f3665, #644d1f); background: -webkit-linear-gradient(top, #1f3665, #644d1f); background: -o-linear-gradient(top, #1f3665, #644d1f); background: -ms-linear-gradient(top, #1f3665, #644d1f); background: linear-gradient(top, #1f3665, #644d1f); color: #fff">
#1f3665
linear gradient to complementary #644d1f
</p>
#1f3665
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #1f3665">#1f3665 text shadow</p>
The matching paint colors are listed in order of relevancy to the #1f3665
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 #1f3665
.
Jump to paint brand: