#022a4e
Hex Color CodeThe hexadecimal color code #022a4e
is a dark shade of cyan-blue. In the RGB color model #022a4e
is comprised of 0.78% red, 16.47% green and 30.59% blue. In the HSL color space #022a4e
has a hue of 208.42 degrees, 95% saturation and 15.69% lightness. This color has an approximate wavelength of 489 nm.
#022a4e
Color InformationInverted
#fdd5b1 25% Saturated
#002a50 Grayscale
#282828
25% Lighter
#023461 Original
#022a4e 25% Darker
#011f3a
midnightblue
#191970 25% Desaturated
#0b2944 Web Safe: navy
#000080
rgb(2, 42, 78)
rgba(2, 42, 78, 1.0)
red: 0.7843%, yellow: 11.0615%, blue: 30.5882%
#022a4e
141902
-16635314 / 0xff022a4e
hsl(208, 95%, 16%)
hsla(208, 95%, 16%, 1.0)
hue: 208 (208.4211), saturation: 97 (97.4359), value: 31 (30.5882)
X: 2.2281, Y: 2.2189, Z: 7.5186
x: 0.1862, y: 0.1854, Y: 2.2189
L: 16.5964, a: 2.5977, b: -25.8511
L: 16.5964, u: -9.5693, v: -26.845
L: 16.5964, C: 25.9813, H: 275.7382
L: 14.8959, a: 0.6322, b: -19.4989
cyan: 97 (0.9744), magenta: 46 (0.4615), yellow: 0 (0), key: 69 (0.6941)
cyan: 99 (0.9922), magenta: 84 (0.8353), yellow: 69 (0.6941)
Y: 34.144, I: -35.3941, Q: 2.7426
Y: 34.144, U: 21.5816, V: -28.2004
Y: 34.144, Db: 65.988, Dr: 61.132
Y: 45.326, Cb: 149.724, Cr: 107.884
Y: 36.072, Pb: 22.6, Pr: -21.656
2.5PB 2/6 (approximate)
#022a4e
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#022a4e
to White#022a4e
to Black#022a4e
foreground
<p style="color: #022a4e">#022a4e foreground</p>
#022a4e
background
<p style="background-color: #022a4e; color: #fff">#022a4e background</p>
#022a4e
border
<p style="border: #022a4e 3px solid">#022a4e border</p>
#022a4e
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #022a4e, #fff); background: -webkit-radial-gradient(50% 50%, #022a4e, #fff); background: -o-radial-gradient(50% 50%, #022a4e, #fff); background: -ms-radial-gradient(50% 50%, #022a4e, #fff); background: radial-gradient(50% 50%, #022a4e, #fff); color: #fff">#022a4e radial gradient</p>
#022a4e
linear gradient to complementary #4e2601
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #022a4e, #4e2601); background: -webkit-linear-gradient(top, #022a4e, #4e2601); background: -o-linear-gradient(top, #022a4e, #4e2601); background: -ms-linear-gradient(top, #022a4e, #4e2601); background: linear-gradient(top, #022a4e, #4e2601); color: #fff">
#022a4e
linear gradient to complementary #4e2601
</p>
#022a4e
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #022a4e">#022a4e text shadow</p>
The matching paint colors are listed in order of relevancy to the #022a4e
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 #022a4e
.
Jump to paint brand: