Color Charts
RGB
CMYK
RYB
#0023e0 Hex Color CodeThe hexadecimal color code #0023e0 is a shade of blue. In the RGB color model #0023e0 is comprised of 0% red, 13.73% green and 87.84% blue. In the HSL color space #0023e0 has a hue of 230.63 degrees, 100% saturation and 43.92% lightness. This color has an approximate wavelength of 475 nm.
#0023e0 Color InformationInverted
#ffdc1f 25% Saturated
#0022e0 Grayscale
#707070
rgb(0, 35, 224)
rgba(0, 35, 224, 1.0)
red: 0%, yellow: 11.8707%, blue: 87.8431%
#0023e0
9184
-16768032 / 0xff0023e0
hsl(231, 100%, 44%)
hsla(231, 100%, 44%, 1.0)
hue: 231 (230.625), saturation: 100 (100), value: 88 (87.8431)
X: 14.0556, Y: 6.5839, Z: 71.051
x: 0.1533, y: 0.0718, Y: 6.5839
L: 30.8402, a: 62.5099, b: -92.7147
L: 30.8402, u: -10.1679, v: -114.886
L: 30.8402, C: 111.819, H: 303.9886
L: 25.6591, a: 52.8757, b: -146.215
cyan: 100 (1), magenta: 84 (0.8438), yellow: 0 (0), key: 12 (0.1216)
cyan: 100 (1), magenta: 86 (0.8627), yellow: 12 (0.1216)
Y: 46.081, I: -81.5688, Q: 51.4036
Y: 46.081, U: 87.5539, V: -40.4269
Y: 46.081, Db: 267.687, Dr: 87.668
Y: 55.592, Cb: 216.151, Cr: 99.216
Y: 41.153, Pb: 98.525, Pr: -26.194
7.5PB 3/22 approximate; exact match: Munsell 7.5PB 3/22 / #381dd4
#0023e0 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0023e0 to White#0023e0 to Black#0023e0 foreground
<p style="color: #0023e0">#0023e0 foreground</p>
#0023e0 background
<p style="background-color: #0023e0; color: #fff">#0023e0 background</p>
#0023e0 border
<p style="border: #0023e0 3px solid">#0023e0 border</p>
#0023e0 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0023e0, #fff); background: -webkit-radial-gradient(50% 50%, #0023e0, #fff); background: -o-radial-gradient(50% 50%, #0023e0, #fff); background: -ms-radial-gradient(50% 50%, #0023e0, #fff); background: radial-gradient(50% 50%, #0023e0, #fff); color: #fff">#0023e0 radial gradient</p>
#0023e0 linear gradient to complementary #e0bd00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0023e0, #e0bd00); background: -webkit-linear-gradient(top, #0023e0, #e0bd00); background: -o-linear-gradient(top, #0023e0, #e0bd00); background: -ms-linear-gradient(top, #0023e0, #e0bd00); background: linear-gradient(top, #0023e0, #e0bd00); color: #fff">#0023e0 linear gradient to complementary #e0bd00</p>
#0023e0 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #0023e0">#0023e0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #0023e0 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 #0023e0.
Jump to paint brand: