Color Charts
RGB
CMYK
RYB
#02258f Hex Color CodeThe hexadecimal color code #02258f is a medium dark shade of blue. In the RGB color model #02258f is comprised of 0.78% red, 14.51% green and 56.08% blue. In the HSL color space #02258f has a hue of 225.11 degrees, 97.24% saturation and 28.43% lightness. This color has an approximate wavelength of 478 nm.
#02258f Color InformationInverted
#fdda70 25% Saturated
#002391 Grayscale
#484848
25% Lighter
#022eb2 Original
#02258f 25% Darker
#011b6b
midnightblue
#191970 25% Desaturated
#132d7d Web Safe: navy
#000080
rgb(2, 37, 143)
rgba(2, 37, 143, 1.0)
red: 0.7843%, yellow: 11.7803%, blue: 56.0784%
#02258f
140687
-16636529 / 0xff02258f
hsl(225, 97%, 28%)
hsla(225, 97%, 28%, 1.0)
hue: 225 (225.1064), saturation: 99 (98.6014), value: 56 (56.0784)
X: 5.6445, Y: 3.3192, Z: 26.3298
x: 0.1599, y: 0.094, Y: 3.3192
L: 21.2795, a: 34.3868, b: -60.3273
L: 21.2795, u: -8.2645, v: -68.0805
L: 21.2795, C: 69.4394, H: 299.6833
L: 18.2187, a: 23.4202, b: -72.9331
cyan: 99 (0.986), magenta: 74 (0.7413), yellow: 0 (0), key: 44 (0.4392)
cyan: 99 (0.9922), magenta: 85 (0.8549), yellow: 44 (0.4392)
Y: 38.619, I: -54.9039, Q: 25.5794
Y: 38.619, U: 51.3659, V: -32.1261
Y: 38.619, Db: 157.048, Dr: 69.657
Y: 49.176, Cb: 179.714, Cr: 105.109
Y: 37.177, Pb: 57.025, Pr: -22.376
7.5PB 2/14 approximate; exact match: Munsell 7.5PB 2/14 / #261d88
#02258f / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02258f to White#02258f to Black#02258f foreground
<p style="color: #02258f">#02258f foreground</p>
#02258f background
<p style="background-color: #02258f; color: #fff">#02258f background</p>
#02258f border
<p style="border: #02258f 3px solid">#02258f border</p>
#02258f radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02258f, #fff); background: -webkit-radial-gradient(50% 50%, #02258f, #fff); background: -o-radial-gradient(50% 50%, #02258f, #fff); background: -ms-radial-gradient(50% 50%, #02258f, #fff); background: radial-gradient(50% 50%, #02258f, #fff); color: #fff">#02258f radial gradient</p>
#02258f linear gradient to complementary #8f6b01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02258f, #8f6b01); background: -webkit-linear-gradient(top, #02258f, #8f6b01); background: -o-linear-gradient(top, #02258f, #8f6b01); background: -ms-linear-gradient(top, #02258f, #8f6b01); background: linear-gradient(top, #02258f, #8f6b01); color: #fff">#02258f linear gradient to complementary #8f6b01</p>
#02258f text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02258f">#02258f text shadow</p>
The matching paint colors are listed in order of relevancy to the #02258f 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 #02258f.
Jump to paint brand: