#02275c
Hex Color CodeThe hexadecimal color code #02275c
is a dark shade of cyan-blue. In the RGB color model #02275c
is comprised of 0.78% red, 15.29% green and 36.08% blue. In the HSL color space #02275c
has a hue of 215.33 degrees, 95.74% saturation and 18.43% lightness. This color has an approximate wavelength of 484 nm.
#02275c
Color InformationInverted
#fdd8a3 25% Saturated
#00265e Grayscale
#2f2f2f
25% Lighter
#023073 Original
#02275c 25% Darker
#011d45
midnightblue
#191970 25% Desaturated
#0d2950 Web Safe: navy
#000080
rgb(2, 39, 92)
rgba(2, 39, 92, 1.0)
red: 0.7843%, yellow: 11.0669%, blue: 36.0784%
#02275c
141148
-16636068 / 0xff02275c
hsl(215, 96%, 18%)
hsla(215, 96%, 18%, 1.0)
hue: 215 (215.3333), saturation: 98 (97.8261), value: 36 (36.0784)
X: 2.6823, Y: 2.2367, Z: 10.4156
x: 0.1749, y: 0.1459, Y: 2.2367
L: 16.6832, a: 11.3522, b: -35.1181
L: 16.6832, u: -8.4231, v: -36.8746
L: 16.6832, C: 36.9073, H: 287.9138
L: 14.9554, a: 5.8427, b: -30.8231
cyan: 98 (0.9783), magenta: 58 (0.5761), yellow: 0 (0), key: 64 (0.6392)
cyan: 99 (0.9922), magenta: 85 (0.8471), yellow: 64 (0.6392)
Y: 33.979, I: -39.0684, Q: 8.6663
Y: 33.979, U: 28.5522, V: -28.0555
Y: 33.979, Db: 87.299, Dr: 60.822
Y: 45.186, Cb: 156.743, Cr: 107.994
Y: 34.935, Pb: 30.755, Pr: -20.938
5PB 2/8 (approximate)
#02275c
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02275c
to White#02275c
to Black#02275c
foreground
<p style="color: #02275c">#02275c foreground</p>
#02275c
background
<p style="background-color: #02275c; color: #fff">#02275c background</p>
#02275c
border
<p style="border: #02275c 3px solid">#02275c border</p>
#02275c
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02275c, #fff); background: -webkit-radial-gradient(50% 50%, #02275c, #fff); background: -o-radial-gradient(50% 50%, #02275c, #fff); background: -ms-radial-gradient(50% 50%, #02275c, #fff); background: radial-gradient(50% 50%, #02275c, #fff); color: #fff">#02275c radial gradient</p>
#02275c
linear gradient to complementary #5c3602
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02275c, #5c3602); background: -webkit-linear-gradient(top, #02275c, #5c3602); background: -o-linear-gradient(top, #02275c, #5c3602); background: -ms-linear-gradient(top, #02275c, #5c3602); background: linear-gradient(top, #02275c, #5c3602); color: #fff">
#02275c
linear gradient to complementary #5c3602
</p>
#02275c
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02275c">#02275c text shadow</p>
The matching paint colors are listed in order of relevancy to the #02275c
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 #02275c
.
Jump to paint brand: