Color Charts
RGB
CMYK
RYB
#023ea4 Hex Color CodeThe hexadecimal color code #023ea4 is a medium dark shade of cyan-blue. In the RGB color model #023ea4 is comprised of 0.78% red, 24.31% green and 64.31% blue. In the HSL color space #023ea4 has a hue of 217.78 degrees, 97.59% saturation and 32.55% lightness. This color has an approximate wavelength of 483 nm.
#023ea4 Color InformationInverted
#fdc15b 25% Saturated
#003da5 Grayscale
#525252
25% Lighter
#024dcd Original
#023ea4 25% Darker
#012e7b
darkslateblue
#483d8b 25% Desaturated
#16438f Web Safe: blue
#0000ff
rgb(2, 62, 164)
rgba(2, 62, 164, 1.0)
red: 0.7843%, yellow: 17.9544%, blue: 64.3137%
#023ea4
147108
-16630108 / 0xff023ea4
hsl(218, 98%, 33%)
hsla(218, 98%, 33%, 1.0)
hue: 218 (217.7778), saturation: 99 (98.7805), value: 64 (64.3137)
X: 8.4485, Y: 6.1385, Z: 35.8615
x: 0.1675, y: 0.1217, Y: 6.1385
L: 29.7592, a: 25.9053, b: -59.2236
L: 29.7592, u: -13.7164, v: -78.4841
L: 29.7592, C: 64.6415, H: 293.6253
L: 24.776, a: 17.5098, b: -68.475
cyan: 99 (0.9878), magenta: 62 (0.622), yellow: 0 (0), key: 36 (0.3569)
cyan: 99 (0.9922), magenta: 76 (0.7569), yellow: 36 (0.3569)
Y: 55.688, I: -68.5118, Q: 19.0484
Y: 55.688, U: 53.3004, V: -47.101
Y: 55.688, Db: 162.966, Dr: 102.114
Y: 63.834, Cb: 181.658, Cr: 94.418
Y: 56.564, Pb: 57.9, Pr: -34.692
7.5PB 3/12 approximate; exact match: Munsell 7.5PB 3/12 / #343d9c
#023ea4 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#023ea4 to White#023ea4 to Black#023ea4 foreground
<p style="color: #023ea4">#023ea4 foreground</p>
#023ea4 background
<p style="background-color: #023ea4; color: #fff">#023ea4 background</p>
#023ea4 border
<p style="border: #023ea4 3px solid">#023ea4 border</p>
#023ea4 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #023ea4, #fff); background: -webkit-radial-gradient(50% 50%, #023ea4, #fff); background: -o-radial-gradient(50% 50%, #023ea4, #fff); background: -ms-radial-gradient(50% 50%, #023ea4, #fff); background: radial-gradient(50% 50%, #023ea4, #fff); color: #fff">#023ea4 radial gradient</p>
#023ea4 linear gradient to complementary #a36701
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #023ea4, #a36701); background: -webkit-linear-gradient(top, #023ea4, #a36701); background: -o-linear-gradient(top, #023ea4, #a36701); background: -ms-linear-gradient(top, #023ea4, #a36701); background: linear-gradient(top, #023ea4, #a36701); color: #fff">#023ea4 linear gradient to complementary #a36701</p>
#023ea4 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #023ea4">#023ea4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #023ea4 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 #023ea4.
Jump to paint brand: