Color Charts
RGB
CMYK
RYB
#023aa8 Hex Color CodeThe hexadecimal color code #023aa8 is a medium dark shade of cyan-blue. In the RGB color model #023aa8 is comprised of 0.78% red, 22.75% green and 65.88% blue. In the HSL color space #023aa8 has a hue of 219.76 degrees, 97.65% saturation and 33.33% lightness. This color has an approximate wavelength of 482 nm.
#023aa8 Color InformationInverted
#fdc557 25% Saturated
#0039a9 Grayscale
#545454
25% Lighter
#0248d1 Original
#023aa8 25% Darker
#012b7d
darkslateblue
#483d8b 25% Desaturated
#164093 Web Safe: blue
#0000ff
rgb(2, 58, 168)
rgba(2, 58, 168, 1.0)
red: 0.7843%, yellow: 17.2054%, blue: 65.8824%
#023aa8
146088
-16631128 / 0xff023aa8
hsl(220, 98%, 33%)
hsla(220, 98%, 33%, 1.0)
hue: 220 (219.759), saturation: 99 (98.8095), value: 66 (65.8824)
X: 8.606, Y: 5.8662, Z: 37.7245
x: 0.1649, y: 0.1124, Y: 5.8662
L: 29.0723, a: 30.244, b: -62.7594
L: 29.0723, u: -12.7511, v: -81.8828
L: 29.0723, C: 69.6667, H: 295.7296
L: 24.2202, a: 21.0397, b: -75.3939
cyan: 99 (0.9881), magenta: 65 (0.6548), yellow: 0 (0), key: 34 (0.3412)
cyan: 99 (0.9922), magenta: 77 (0.7725), yellow: 34 (0.3412)
Y: 53.796, I: -68.699, Q: 22.3833
Y: 53.796, U: 56.1999, V: -45.4411
Y: 53.796, Db: 171.83, Dr: 98.518
Y: 62.21, Cb: 184.578, Cr: 95.606
Y: 53.992, Pb: 61.44, Pr: -33.06
7.5PB 3/14 approximate; exact match: Munsell 7.5PB 3/14 / #3339a9
#023aa8 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#023aa8 to White#023aa8 to Black#023aa8 foreground
<p style="color: #023aa8">#023aa8 foreground</p>
#023aa8 background
<p style="background-color: #023aa8; color: #fff">#023aa8 background</p>
#023aa8 border
<p style="border: #023aa8 3px solid">#023aa8 border</p>
#023aa8 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #023aa8, #fff); background: -webkit-radial-gradient(50% 50%, #023aa8, #fff); background: -o-radial-gradient(50% 50%, #023aa8, #fff); background: -ms-radial-gradient(50% 50%, #023aa8, #fff); background: radial-gradient(50% 50%, #023aa8, #fff); color: #fff">#023aa8 radial gradient</p>
#023aa8 linear gradient to complementary #a76f01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #023aa8, #a76f01); background: -webkit-linear-gradient(top, #023aa8, #a76f01); background: -o-linear-gradient(top, #023aa8, #a76f01); background: -ms-linear-gradient(top, #023aa8, #a76f01); background: linear-gradient(top, #023aa8, #a76f01); color: #fff">#023aa8 linear gradient to complementary #a76f01</p>
#023aa8 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #023aa8">#023aa8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #023aa8 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 #023aa8.
Jump to paint brand: