Color Charts
RGB
CMYK
RYB
#023cf2 Hex Color CodeThe hexadecimal color code #023cf2 is a shade of blue. In the RGB color model #023cf2 is comprised of 0.78% red, 23.53% green and 94.9% blue. In the HSL color space #023cf2 has a hue of 225.5 degrees, 98.36% saturation and 47.84% lightness. This color has an approximate wavelength of 478 nm.
#023cf2 Color InformationInverted
#fdc30d 25% Saturated
#003af3 Grayscale
#797979
rgb(2, 60, 242)
rgba(2, 60, 242, 1.0)
red: 0.7843%, yellow: 19.1025%, blue: 94.902%
#023cf2
146674
-16630542 / 0xff023cf2
hsl(226, 98%, 48%)
hsla(226, 98%, 48%, 1.0)
hue: 226 (225.5), saturation: 99 (99.1736), value: 95 (94.902)
X: 17.6679, Y: 9.6554, Z: 84.9369
x: 0.1574, y: 0.086, Y: 9.6554
L: 37.2168, a: 55.9724, b: -92.3561
L: 37.2168, u: -13.7837, v: -125.8413
L: 37.2168, C: 107.9934, H: 301.218
L: 31.0732, a: 47.1153, b: -140.3148
cyan: 99 (0.9917), magenta: 75 (0.7521), yellow: 0 (0), key: 5 (0.051)
cyan: 99 (0.9922), magenta: 76 (0.7647), yellow: 5 (0.051)
Y: 63.406, I: -93.0214, Q: 44.3621
Y: 63.406, U: 87.8861, V: -53.8718
Y: 63.406, Db: 268.706, Dr: 116.808
Y: 70.47, Cb: 216.482, Cr: 89.616
Y: 60.75, Pb: 97.67, Pr: -37.372
7.5PB 4/22 approximate; exact match: Munsell 7.5PB 4/22 / #3e44f7
#023cf2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#023cf2 to White#023cf2 to Black#023cf2 foreground
<p style="color: #023cf2">#023cf2 foreground</p>
#023cf2 background
<p style="background-color: #023cf2; color: #fff">#023cf2 background</p>
#023cf2 border
<p style="border: #023cf2 3px solid">#023cf2 border</p>
#023cf2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #023cf2, #fff); background: -webkit-radial-gradient(50% 50%, #023cf2, #fff); background: -o-radial-gradient(50% 50%, #023cf2, #fff); background: -ms-radial-gradient(50% 50%, #023cf2, #fff); background: radial-gradient(50% 50%, #023cf2, #fff); color: #fff">#023cf2 radial gradient</p>
#023cf2 linear gradient to complementary #f2b701
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #023cf2, #f2b701); background: -webkit-linear-gradient(top, #023cf2, #f2b701); background: -o-linear-gradient(top, #023cf2, #f2b701); background: -ms-linear-gradient(top, #023cf2, #f2b701); background: linear-gradient(top, #023cf2, #f2b701); color: #fff">#023cf2 linear gradient to complementary #f2b701</p>
#023cf2 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #023cf2">#023cf2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #023cf2 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 #023cf2.
Jump to paint brand: