#024775
Hex Color CodeThe hexadecimal color code #024775
is a dark shade of cyan-blue. In the RGB color model #024775
is comprised of 0.78% red, 27.84% green and 45.88% blue. In the HSL color space #024775
has a hue of 204 degrees, 96.64% saturation and 23.33% lightness. This color has an approximate wavelength of 492 nm.
#024775
Color InformationInverted
#fdb88a 25% Saturated
#004776 Grayscale
#3b3b3b
25% Lighter
#025892 Original
#024775 25% Darker
#013557
darkslateblue
#483d8b 25% Desaturated
#104466 Web Safe: blue
#0000ff
rgb(2, 71, 117)
rgba(2, 71, 117, 1.0)
red: 0.7843%, yellow: 17.6961%, blue: 45.8824%
#024775
149365
-16627851 / 0xff024775
hsl(204, 97%, 23%)
hsla(204, 97%, 23%, 1.0)
hue: 204 (204), saturation: 98 (98.2906), value: 46 (45.8824)
X: 5.4892, Y: 5.8037, Z: 17.6605
x: 0.1896, y: 0.2005, Y: 5.8037
L: 28.9118, a: -0.3178, b: -31.6374
L: 28.9118, u: -17.6512, v: -41.1216
L: 28.9118, C: 31.639, H: 269.4246
L: 24.0909, a: -1.4877, b: -26.6005
cyan: 98 (0.9829), magenta: 39 (0.3932), yellow: 0 (0), key: 54 (0.5412)
cyan: 99 (0.9922), magenta: 72 (0.7216), yellow: 54 (0.5412)
Y: 55.613, I: -55.8825, Q: -0.2783
Y: 55.613, U: 30.2087, V: -47.0355
Y: 55.613, Db: 92.368, Dr: 101.959
Y: 63.764, Cb: 158.406, Cr: 94.443
Y: 59.615, Pb: 30.935, Pr: -36.616
2.5PB 3/6 approximate; exact match: Munsell 2.5PB 3/6 / #1c4a76
#024775
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#024775
to White#024775
to Black#024775
foreground
<p style="color: #024775">#024775 foreground</p>
#024775
background
<p style="background-color: #024775; color: #fff">#024775 background</p>
#024775
border
<p style="border: #024775 3px solid">#024775 border</p>
#024775
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #024775, #fff); background: -webkit-radial-gradient(50% 50%, #024775, #fff); background: -o-radial-gradient(50% 50%, #024775, #fff); background: -ms-radial-gradient(50% 50%, #024775, #fff); background: radial-gradient(50% 50%, #024775, #fff); color: #fff">#024775 radial gradient</p>
#024775
linear gradient to complementary #743002
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #024775, #743002); background: -webkit-linear-gradient(top, #024775, #743002); background: -o-linear-gradient(top, #024775, #743002); background: -ms-linear-gradient(top, #024775, #743002); background: linear-gradient(top, #024775, #743002); color: #fff">
#024775
linear gradient to complementary #743002
</p>
#024775
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #024775">#024775 text shadow</p>
The matching paint colors are listed in order of relevancy to the #024775
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 #024775
.
Jump to paint brand: