Color Charts
RGB
CMYK
RYB
#02102a Hex Color CodeThe hexadecimal color code #02102a is a very dark shade of cyan-blue. In the RGB color model #02102a is comprised of 0.78% red, 6.27% green and 16.47% blue. In the HSL color space #02102a has a hue of 219 degrees, 90.91% saturation and 8.63% lightness. This color has an approximate wavelength of 482 nm.
#02102a Color InformationInverted
#fdefd5 25% Saturated
#000f2c Grayscale
#161616
25% Lighter
#021434 Original
#02102a 25% Darker
#010c1f
midnightblue
#191970 25% Desaturated
#061125 Web Safe: navy
#000080
rgb(2, 16, 42)
rgba(2, 16, 42, 1.0)
red: 0.7843%, yellow: 4.8511%, blue: 16.4706%
#02102a
135210
-16642006 / 0xff02102a
hsl(219, 91%, 9%)
hsla(219, 91%, 9%, 1.0)
hue: 219 (219), saturation: 95 (95.2381), value: 16 (16.4706)
X: 0.6282, Y: 0.5507, Z: 2.2637
x: 0.1825, y: 0.16, Y: 0.5507
L: 4.974, a: 4.2956, b: -18.8317
L: 4.974, u: -2.429, v: -9.845
L: 4.974, C: 19.3154, H: 282.8496
L: 7.4206, a: 2.1261, b: -12.892
cyan: 95 (0.9524), magenta: 62 (0.619), yellow: 0 (0), key: 84 (0.8353)
cyan: 99 (0.9922), magenta: 94 (0.9373), yellow: 84 (0.8353)
Y: 14.778, I: -16.6929, Q: 5.1291
Y: 14.778, U: 13.396, V: -11.2103
Y: 14.778, Db: 40.958, Dr: 24.304
Y: 28.694, Cb: 141.486, Cr: 120.008
Y: 14.89, Pb: 14.61, Pr: -8.196
5PB 0.6/4 approximate; exact match: Munsell 5PB 0.6/4 / #02132f
#02102a / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02102a to White#02102a to Black#02102a foreground
<p style="color: #02102a">#02102a foreground</p>
#02102a background
<p style="background-color: #02102a; color: #fff">#02102a background</p>
#02102a border
<p style="border: #02102a 3px solid">#02102a border</p>
#02102a radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02102a, #fff); background: -webkit-radial-gradient(50% 50%, #02102a, #fff); background: -o-radial-gradient(50% 50%, #02102a, #fff); background: -ms-radial-gradient(50% 50%, #02102a, #fff); background: radial-gradient(50% 50%, #02102a, #fff); color: #fff">#02102a radial gradient</p>
#02102a linear gradient to complementary #2a1c02
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02102a, #2a1c02); background: -webkit-linear-gradient(top, #02102a, #2a1c02); background: -o-linear-gradient(top, #02102a, #2a1c02); background: -ms-linear-gradient(top, #02102a, #2a1c02); background: linear-gradient(top, #02102a, #2a1c02); color: #fff">#02102a linear gradient to complementary #2a1c02</p>
#02102a text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02102a">#02102a text shadow</p>
The matching paint colors are listed in order of relevancy to the #02102a 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 #02102a.
Jump to paint brand: