Color Charts
RGB
CMYK
RYB
#022474 Hex Color CodeThe hexadecimal color code #022474 is a dark shade of blue. In the RGB color model #022474 is comprised of 0.78% red, 14.12% green and 45.49% blue. In the HSL color space #022474 has a hue of 222.11 degrees, 96.61% saturation and 23.14% lightness. This color has an approximate wavelength of 480 nm.
#022474 Color InformationInverted
#fddb8b 25% Saturated
#002375 Grayscale
#3a3a3a
25% Lighter
#022c91 Original
#022474 25% Darker
#011a56
midnightblue
#191970 25% Desaturated
#102965 Web Safe: navy
#000080
rgb(2, 36, 116)
rgba(2, 36, 116, 1.0)
red: 0.7843%, yellow: 11.0546%, blue: 45.4902%
#022474
140404
-16636812 / 0xff022474
hsl(222, 97%, 23%)
hsla(222, 97%, 23%, 1.0)
hue: 222 (222.1053), saturation: 98 (98.2759), value: 45 (45.4902)
X: 3.8083, Y: 2.5356, Z: 16.8117
x: 0.1645, y: 0.1095, Y: 2.5356
L: 18.0789, a: 24.2019, b: -48.5385
L: 18.0789, u: -7.6994, v: -51.9485
L: 18.0789, C: 54.2376, H: 296.5014
L: 15.9236, a: 14.8238, b: -51.4502
cyan: 98 (0.9828), magenta: 69 (0.6897), yellow: 0 (0), key: 55 (0.5451)
cyan: 99 (0.9922), magenta: 86 (0.8588), yellow: 55 (0.5451)
Y: 34.954, I: -45.9554, Q: 17.7013
Y: 34.954, U: 39.8828, V: -28.9108
Y: 34.954, Db: 121.94, Dr: 62.682
Y: 46.026, Cb: 168.152, Cr: 107.394
Y: 34.518, Pb: 43.91, Pr: -20.68
7.5PB 2/10 approximate; exact match: Munsell 7.5PB 2/10 / #252774
#022474 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022474 to White#022474 to Black#022474 foreground
<p style="color: #022474">#022474 foreground</p>
#022474 background
<p style="background-color: #022474; color: #fff">#022474 background</p>
#022474 border
<p style="border: #022474 3px solid">#022474 border</p>
#022474 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022474, #fff); background: -webkit-radial-gradient(50% 50%, #022474, #fff); background: -o-radial-gradient(50% 50%, #022474, #fff); background: -ms-radial-gradient(50% 50%, #022474, #fff); background: radial-gradient(50% 50%, #022474, #fff); color: #fff">#022474 radial gradient</p>
#022474 linear gradient to complementary #735102
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022474, #735102); background: -webkit-linear-gradient(top, #022474, #735102); background: -o-linear-gradient(top, #022474, #735102); background: -ms-linear-gradient(top, #022474, #735102); background: linear-gradient(top, #022474, #735102); color: #fff">#022474 linear gradient to complementary #735102</p>
#022474 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022474">#022474 text shadow</p>
The matching paint colors are listed in order of relevancy to the #022474 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 #022474.
Jump to paint brand: