Color Charts
RGB
CMYK
RYB
#02284d Hex Color CodeThe hexadecimal color code #02284d is a dark shade of cyan-blue. In the RGB color model #02284d is comprised of 0.78% red, 15.69% green and 30.2% blue. In the HSL color space #02284d has a hue of 209.6 degrees, 94.94% saturation and 15.49% lightness. This color has an approximate wavelength of 488 nm.
#02284d Color InformationInverted
#fdd7b2 25% Saturated
#00284f Grayscale
#272727
25% Lighter
#023160 Original
#02284d 25% Darker
#011d39
midnightblue
#191970 25% Desaturated
#0b2743 Web Safe: navy
#000080
rgb(2, 40, 77)
rgba(2, 40, 77, 1.0)
red: 0.7843%, yellow: 10.675%, blue: 30.1961%
#02284d
141389
-16635827 / 0xff02284d
hsl(210, 95%, 15%)
hsla(210, 95%, 15%, 1.0)
hue: 210 (209.6), saturation: 97 (97.4026), value: 30 (30.1961)
X: 2.1234, Y: 2.0663, Z: 7.3081
x: 0.1847, y: 0.1797, Y: 2.0663
L: 15.8315, a: 3.6161, b: -26.3971
L: 15.8315, u: -8.9591, v: -26.8525
L: 15.8315, C: 26.6437, H: 277.8004
L: 14.3747, a: 1.2118, b: -20.0808
cyan: 97 (0.974), magenta: 48 (0.4805), yellow: 0 (0), key: 70 (0.698)
cyan: 99 (0.9922), magenta: 84 (0.8431), yellow: 70 (0.698)
Y: 32.856, I: -34.5239, Q: 3.4767
Y: 32.856, U: 21.7233, V: -27.0704
Y: 32.856, Db: 66.421, Dr: 58.683
Y: 44.22, Cb: 149.867, Cr: 108.691
Y: 34.57, Pb: 22.87, Pr: -20.702
2.5PB 1/6 (approximate)
#02284d / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02284d to White#02284d to Black#02284d foreground
<p style="color: #02284d">#02284d foreground</p>
#02284d background
<p style="background-color: #02284d; color: #fff">#02284d background</p>
#02284d border
<p style="border: #02284d 3px solid">#02284d border</p>
#02284d radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02284d, #fff); background: -webkit-radial-gradient(50% 50%, #02284d, #fff); background: -o-radial-gradient(50% 50%, #02284d, #fff); background: -ms-radial-gradient(50% 50%, #02284d, #fff); background: radial-gradient(50% 50%, #02284d, #fff); color: #fff">#02284d radial gradient</p>
#02284d linear gradient to complementary #4d2702
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02284d, #4d2702); background: -webkit-linear-gradient(top, #02284d, #4d2702); background: -o-linear-gradient(top, #02284d, #4d2702); background: -ms-linear-gradient(top, #02284d, #4d2702); background: linear-gradient(top, #02284d, #4d2702); color: #fff">#02284d linear gradient to complementary #4d2702</p>
#02284d text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02284d">#02284d text shadow</p>
The matching paint colors are listed in order of relevancy to the #02284d 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 #02284d.
Jump to paint brand: