Color Charts
RGB
CMYK
RYB
#023a7e Hex Color CodeThe hexadecimal color code #023a7e is a medium dark shade of cyan-blue. In the RGB color model #023a7e is comprised of 0.78% red, 22.75% green and 49.41% blue. In the HSL color space #023a7e has a hue of 212.9 degrees, 96.88% saturation and 25.1% lightness. This color has an approximate wavelength of 486 nm.
#023a7e Color InformationInverted
#fdc581 25% Saturated
#003980 Grayscale
#404040
25% Lighter
#02489d Original
#023a7e 25% Darker
#012b5e
darkslateblue
#483d8b 25% Desaturated
#113b6e Web Safe: blue
#0000ff
rgb(2, 58, 126)
rgba(2, 58, 126, 1.0)
red: 0.7843%, yellow: 15.9129%, blue: 49.4118%
#023a7e
146046
-16631170 / 0xff023a7e
hsl(213, 97%, 25%)
hsla(213, 97%, 25%, 1.0)
hue: 213 (212.9032), saturation: 98 (98.4127), value: 49 (49.4118)
X: 5.304, Y: 4.5454, Z: 20.3365
x: 0.1757, y: 0.1506, Y: 4.5454
L: 25.3982, a: 12.629, b: -42.9472
L: 25.3982, u: -13.2379, v: -54.2054
L: 25.3982, C: 44.7656, H: 286.3865
L: 21.3199, a: 7.0976, b: -41.6312
cyan: 98 (0.9841), magenta: 54 (0.5397), yellow: 0 (0), key: 51 (0.5059)
cyan: 99 (0.9922), magenta: 77 (0.7725), yellow: 51 (0.5059)
Y: 49.008, I: -55.206, Q: 9.3156
Y: 49.008, U: 37.8879, V: -41.2407
Y: 49.008, Db: 115.844, Dr: 89.404
Y: 58.094, Cb: 166.14, Cr: 98.588
Y: 50.968, Pb: 40.44, Pr: -31.128
5PB 2/10 (approximate)
#023a7e / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#023a7e to White#023a7e to Black#023a7e foreground
<p style="color: #023a7e">#023a7e foreground</p>
#023a7e background
<p style="background-color: #023a7e; color: #fff">#023a7e background</p>
#023a7e border
<p style="border: #023a7e 3px solid">#023a7e border</p>
#023a7e radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #023a7e, #fff); background: -webkit-radial-gradient(50% 50%, #023a7e, #fff); background: -o-radial-gradient(50% 50%, #023a7e, #fff); background: -ms-radial-gradient(50% 50%, #023a7e, #fff); background: radial-gradient(50% 50%, #023a7e, #fff); color: #fff">#023a7e radial gradient</p>
#023a7e linear gradient to complementary #7e4501
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #023a7e, #7e4501); background: -webkit-linear-gradient(top, #023a7e, #7e4501); background: -o-linear-gradient(top, #023a7e, #7e4501); background: -ms-linear-gradient(top, #023a7e, #7e4501); background: linear-gradient(top, #023a7e, #7e4501); color: #fff">#023a7e linear gradient to complementary #7e4501</p>
#023a7e text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #023a7e">#023a7e text shadow</p>
The matching paint colors are listed in order of relevancy to the #023a7e 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 #023a7e.
Jump to paint brand: