Color Charts
RGB
CMYK
RYB
#0ca2ff Hex Color CodeThe hexadecimal color code #0ca2ff is a shade of cyan-blue. In the RGB color model #0ca2ff is comprised of 4.71% red, 63.53% green and 100% blue. In the HSL color space #0ca2ff has a hue of 202.96 degrees, 100% saturation and 52.35% lightness. This color has an approximate wavelength of 492 nm.
#0ca2ff Color InformationInverted
#f35d00 25% Saturated
#0ca1fe Grayscale
#858585
25% Lighter
#4ebbff Original
#0ca2ff 25% Darker
#007bc8
cornflowerblue
#6495ed 25% Desaturated
#2a9ae0 Web Safe: fuchsia
#ff00ff
rgb(12, 162, 255)
rgba(12, 162, 255, 1.0)
red: 4.7059%, yellow: 41.0777%, blue: 100%
#0ca2ff
828159
-15949057 / 0xff0ca2ff
hsl(203, 100%, 52%)
hsla(203, 100%, 52%, 1.0)
hue: 203 (202.963), saturation: 95 (95.2941), value: 100 (100)
X: 31.1219, Y: 33.1388, Z: 99.3639
x: 0.1902, y: 0.2025, Y: 33.1388
L: 64.2732, a: -1.3805, b: -55.591
L: 64.2732, u: -39.4231, v: -89.7289
L: 64.2732, C: 55.6082, H: 268.5775
L: 57.5663, a: -4.239, b: -62.0426
cyan: 95 (0.9529), magenta: 36 (0.3647), yellow: 0 (0), key: 0 (0)
cyan: 95 (0.9529), magenta: 36 (0.3647), yellow: 0 (0)
Y: 127.752, I: -119.2349, Q: -2.7828
Y: 127.752, U: 62.6191, V: -101.5509
Y: 127.752, Db: 191.469, Dr: 220.131
Y: 125.722, Cb: 191.027, Cr: 55.547
Y: 136.746, Pb: 63.75, Pr: -79.278
2.5PB 6/12 approximate; exact match: Munsell 2.5PB 6/12 / #149af3
#0ca2ff / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#0ca2ff to White#0ca2ff to Black#0ca2ff foreground
<p style="color: #0ca2ff; background-color: #000">#0ca2ff foreground</p>
#0ca2ff background
<p style="background-color: #0ca2ff">#0ca2ff background</p>
#0ca2ff border
<p style="border: #0ca2ff 3px solid">#0ca2ff border</p>
#0ca2ff radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #0ca2ff, #fff); background: -webkit-radial-gradient(50% 50%, #0ca2ff, #fff); background: -o-radial-gradient(50% 50%, #0ca2ff, #fff); background: -ms-radial-gradient(50% 50%, #0ca2ff, #fff); background: radial-gradient(50% 50%, #0ca2ff, #fff)">#0ca2ff radial gradient</p>
#0ca2ff linear gradient to complementary #fe680c
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #0ca2ff, #fe680c); background: -webkit-linear-gradient(top, #0ca2ff, #fe680c); background: -o-linear-gradient(top, #0ca2ff, #fe680c); background: -ms-linear-gradient(top, #0ca2ff, #fe680c); background: linear-gradient(top, #0ca2ff, #fe680c); color: #000">#0ca2ff linear gradient to complementary #fe680c</p>
#0ca2ff text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #0ca2ff">#0ca2ff text shadow</p>
The matching paint colors are listed in order of relevancy to the #0ca2ff 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 #0ca2ff.
Jump to paint brand: