#02275e
Hex Color CodeThe hexadecimal color code #02275e
is a dark shade of cyan-blue. In the RGB color model #02275e
is comprised of 0.78% red, 15.29% green and 36.86% blue. In the HSL color space #02275e
has a hue of 215.87 degrees, 95.83% saturation and 18.82% lightness. This color has an approximate wavelength of 484 nm.
#02275e
Color InformationInverted
#fdd8a1 25% Saturated
#002660 Grayscale
#303030
25% Lighter
#023075 Original
#02275e 25% Darker
#011d46
midnightblue
#191970 25% Desaturated
#0d2952 Web Safe: navy
#000080
rgb(2, 39, 94)
rgba(2, 39, 94, 1.0)
red: 0.7843%, yellow: 11.1324%, blue: 36.8627%
#02275e
141150
-16636066 / 0xff02275e
hsl(216, 96%, 19%)
hsla(216, 96%, 19%, 1.0)
hue: 216 (215.8696), saturation: 98 (97.8723), value: 37 (36.8627)
X: 2.7709, Y: 2.2721, Z: 10.8822
x: 0.174, y: 0.1427, Y: 2.2721
L: 16.8549, a: 12.2701, b: -36.168
L: 16.8549, u: -8.405, v: -38.1485
L: 16.8549, C: 38.1927, H: 288.7396
L: 15.0735, a: 6.4348, b: -32.2526
cyan: 98 (0.9787), magenta: 59 (0.5851), yellow: 0 (0), key: 63 (0.6314)
cyan: 99 (0.9922), magenta: 85 (0.8471), yellow: 63 (0.6314)
Y: 34.207, I: -39.711, Q: 9.2886
Y: 34.207, U: 29.4242, V: -28.2555
Y: 34.207, Db: 89.965, Dr: 61.256
Y: 45.382, Cb: 157.621, Cr: 107.852
Y: 35.079, Pb: 31.755, Pr: -21.03
5PB 2/8 (approximate)
#02275e
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02275e
to White#02275e
to Black#02275e
foreground
<p style="color: #02275e">#02275e foreground</p>
#02275e
background
<p style="background-color: #02275e; color: #fff">#02275e background</p>
#02275e
border
<p style="border: #02275e 3px solid">#02275e border</p>
#02275e
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02275e, #fff); background: -webkit-radial-gradient(50% 50%, #02275e, #fff); background: -o-radial-gradient(50% 50%, #02275e, #fff); background: -ms-radial-gradient(50% 50%, #02275e, #fff); background: radial-gradient(50% 50%, #02275e, #fff); color: #fff">#02275e radial gradient</p>
#02275e
linear gradient to complementary #5e3901
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02275e, #5e3901); background: -webkit-linear-gradient(top, #02275e, #5e3901); background: -o-linear-gradient(top, #02275e, #5e3901); background: -ms-linear-gradient(top, #02275e, #5e3901); background: linear-gradient(top, #02275e, #5e3901); color: #fff">
#02275e
linear gradient to complementary #5e3901
</p>
#02275e
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02275e">#02275e text shadow</p>
The matching paint colors are listed in order of relevancy to the #02275e
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 #02275e
.
Jump to paint brand: