#01c3f3
Hex Color CodeThe hexadecimal color code #01c3f3
is a shade of cyan. In the RGB color model #01c3f3
is comprised of 0.39% red, 76.47% green and 95.29% blue. In the HSL color space #01c3f3
has a hue of 191.9 degrees, 99.18% saturation and 47.84% lightness. This color has an approximate wavelength of 499 nm.
#01c3f3
Color InformationInverted
#fe3c0c 25% Saturated
#00c3f3 Grayscale
#797979
25% Lighter
#32d5fe Original
#01c3f3 25% Darker
#0092b6
deepskyblue
#00bfff 25% Desaturated
#1fb0d4 Web Safe: aqua
#00ffff
rgb(1, 195, 243)
rgba(1, 195, 243, 1.0)
red: 0.3922%, yellow: 42.6192%, blue: 95.2941%
#01c3f3
115699
-16661517 / 0xff01c3f3
hsl(192, 99%, 48%)
hsla(192, 99%, 48%, 1.0)
hue: 192 (191.9008), saturation: 100 (99.5885), value: 95 (95.2941)
X: 35.7053, Y: 45.5077, Z: 91.696
x: 0.2065, y: 0.2632, Y: 45.5077
L: 73.225, a: -23.8168, b: -35.0326
L: 73.225, u: -51.4717, v: -53.3549
L: 73.225, C: 42.3618, H: 235.7903
L: 67.4594, a: -23.5765, b: -33.3699
cyan: 100 (0.9959), magenta: 20 (0.1975), yellow: 0 (0), key: 5 (0.0471)
cyan: 100 (0.9961), magenta: 24 (0.2353), yellow: 5 (0.0471)
Y: 142.466, I: -130.9895, Q: -26.088
Y: 142.466, U: 49.4732, V: -124.1105
Y: 142.466, Db: 151.284, Dr: 269.018
Y: 138.351, Cb: 177.784, Cr: 39.426
Y: 157.134, Pb: 46.31, Pr: -99.208
5B 7/10 (approximate)
#01c3f3
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01c3f3
to White#01c3f3
to Black#01c3f3
foreground
<p style="color: #01c3f3; background-color: #000">#01c3f3 foreground</p>
#01c3f3
background
<p style="background-color: #01c3f3">#01c3f3 background</p>
#01c3f3
border
<p style="border: #01c3f3 3px solid">#01c3f3 border</p>
#01c3f3
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01c3f3, #fff); background: -webkit-radial-gradient(50% 50%, #01c3f3, #fff); background: -o-radial-gradient(50% 50%, #01c3f3, #fff); background: -ms-radial-gradient(50% 50%, #01c3f3, #fff); background: radial-gradient(50% 50%, #01c3f3, #fff)">#01c3f3 radial gradient</p>
#01c3f3
linear gradient to complementary #f23100
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01c3f3, #f23100); background: -webkit-linear-gradient(top, #01c3f3, #f23100); background: -o-linear-gradient(top, #01c3f3, #f23100); background: -ms-linear-gradient(top, #01c3f3, #f23100); background: linear-gradient(top, #01c3f3, #f23100); color: #000">
#01c3f3
linear gradient to complementary #f23100
</p>
#01c3f3
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01c3f3">#01c3f3 text shadow</p>
The matching paint colors are listed in order of relevancy to the #01c3f3
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 #01c3f3
.
Jump to paint brand: