Color Charts
RGB
CMYK
RYB
#02203e Hex Color CodeThe hexadecimal color code #02203e is a very dark shade of cyan-blue. In the RGB color model #02203e is comprised of 0.78% red, 12.55% green and 24.31% blue. In the HSL color space #02203e has a hue of 210 degrees, 93.75% saturation and 12.55% lightness. This color has an approximate wavelength of 488 nm.
#02203e Color InformationInverted
#fddfc1 25% Saturated
#001f40 Grayscale
#202020
25% Lighter
#02274d Original
#02203e 25% Darker
#01172e
midnightblue
#191970 25% Desaturated
#091f36 Web Safe: navy
#000080
rgb(2, 32, 62)
rgba(2, 32, 62, 1.0)
red: 0.7843%, yellow: 8.6275%, blue: 24.3137%
#02203e
139326
-16637890 / 0xff02203e
hsl(210, 94%, 13%)
hsla(210, 94%, 13%, 1.0)
hue: 210 (210), saturation: 97 (96.7742), value: 24 (24.3137)
X: 1.411, Y: 1.3937, Z: 4.7521
x: 0.1867, y: 0.1844, Y: 1.3937
L: 11.9159, a: 2.5596, b: -22.2852
L: 11.9159, u: -6.7406, v: -19.4198
L: 11.9159, C: 22.4317, H: 276.5522
L: 11.8056, a: 0.675, b: -15.6018
cyan: 97 (0.9677), magenta: 48 (0.4839), yellow: 0 (0), key: 76 (0.7569)
cyan: 99 (0.9922), magenta: 87 (0.8745), yellow: 76 (0.7569)
Y: 26.45, I: -27.5094, Q: 2.9904
Y: 26.45, U: 17.4942, V: -21.4503
Y: 26.45, Db: 53.49, Dr: 46.5
Y: 38.718, Cb: 145.61, Cr: 112.7
Y: 27.77, Pb: 18.45, Pr: -16.38
2.5PB 1/4 approximate; exact match: Munsell 2.5PB 1/4 / #021d38
#02203e / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02203e to White#02203e to Black#02203e foreground
<p style="color: #02203e">#02203e foreground</p>
#02203e background
<p style="background-color: #02203e; color: #fff">#02203e background</p>
#02203e border
<p style="border: #02203e 3px solid">#02203e border</p>
#02203e radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02203e, #fff); background: -webkit-radial-gradient(50% 50%, #02203e, #fff); background: -o-radial-gradient(50% 50%, #02203e, #fff); background: -ms-radial-gradient(50% 50%, #02203e, #fff); background: radial-gradient(50% 50%, #02203e, #fff); color: #fff">#02203e radial gradient</p>
#02203e linear gradient to complementary #3e2002
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02203e, #3e2002); background: -webkit-linear-gradient(top, #02203e, #3e2002); background: -o-linear-gradient(top, #02203e, #3e2002); background: -ms-linear-gradient(top, #02203e, #3e2002); background: linear-gradient(top, #02203e, #3e2002); color: #fff">#02203e linear gradient to complementary #3e2002</p>
#02203e text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02203e">#02203e text shadow</p>
The matching paint colors are listed in order of relevancy to the #02203e 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 #02203e.
Jump to paint brand: