Color Charts
RGB
CMYK
RYB
#022083 Hex Color CodeThe hexadecimal color code #022083 is a medium dark shade of blue. In the RGB color model #022083 is comprised of 0.78% red, 12.55% green and 51.37% blue. In the HSL color space #022083 has a hue of 226.05 degrees, 96.99% saturation and 26.08% lightness. This color has an approximate wavelength of 478 nm.
#022083 Color InformationInverted
#fddf7c 25% Saturated
#001e84 Grayscale
#424242
25% Lighter
#0227a3 Original
#022083 25% Darker
#011762
midnightblue
#191970 25% Desaturated
#122872 Web Safe: navy
#000080
rgb(2, 32, 131)
rgba(2, 32, 131, 1.0)
red: 0.7843%, yellow: 10.3293%, blue: 51.3725%
#022083
139395
-16637821 / 0xff022083
hsl(226, 97%, 26%)
hsla(226, 97%, 26%, 1.0)
hue: 226 (226.0465), saturation: 98 (98.4733), value: 51 (51.3725)
X: 4.6383, Y: 2.6846, Z: 21.7464
x: 0.1596, y: 0.0924, Y: 2.6846
L: 18.7338, a: 33.0011, b: -57.0208
L: 18.7338, u: -7.1601, v: -60.6361
L: 18.7338, C: 65.8821, H: 300.0604
L: 16.3848, a: 21.8571, b: -67.2222
cyan: 98 (0.9847), magenta: 76 (0.7557), yellow: 0 (0), key: 49 (0.4863)
cyan: 99 (0.9922), magenta: 87 (0.8745), yellow: 49 (0.4863)
Y: 34.316, I: -49.6765, Q: 24.4587
Y: 34.316, U: 47.5782, V: -28.351
Y: 34.316, Db: 145.467, Dr: 61.473
Y: 45.48, Cb: 175.901, Cr: 107.801
Y: 32.738, Pb: 52.95, Pr: -19.554
7.5PB 2/12 approximate; exact match: Munsell 7.5PB 2/12 / #25237e
#022083 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022083 to White#022083 to Black#022083 foreground
<p style="color: #022083">#022083 foreground</p>
#022083 background
<p style="background-color: #022083; color: #fff">#022083 background</p>
#022083 border
<p style="border: #022083 3px solid">#022083 border</p>
#022083 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022083, #fff); background: -webkit-radial-gradient(50% 50%, #022083, #fff); background: -o-radial-gradient(50% 50%, #022083, #fff); background: -ms-radial-gradient(50% 50%, #022083, #fff); background: radial-gradient(50% 50%, #022083, #fff); color: #fff">#022083 radial gradient</p>
#022083 linear gradient to complementary #836401
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022083, #836401); background: -webkit-linear-gradient(top, #022083, #836401); background: -o-linear-gradient(top, #022083, #836401); background: -ms-linear-gradient(top, #022083, #836401); background: linear-gradient(top, #022083, #836401); color: #fff">#022083 linear gradient to complementary #836401</p>
#022083 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022083">#022083 text shadow</p>
The matching paint colors are listed in order of relevancy to the #022083 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 #022083.
Jump to paint brand: