Color Charts
RGB
CMYK
RYB
#01e2fd Hex Color CodeThe hexadecimal color code #01e2fd is a shade of cyan. In the RGB color model #01e2fd is comprised of 0.39% red, 88.63% green and 99.22% blue. In the HSL color space #01e2fd has a hue of 186.43 degrees, 99.21% saturation and 49.8% lightness. This color has an approximate wavelength of 503 nm.
#01e2fd Color InformationInverted
#fe1d02 25% Saturated
#00e2fe Grayscale
#7f7f7f
25% Lighter
#3fe9fe Original
#01e2fd 25% Darker
#00a9bd
darkturquoise
#00ced1 25% Desaturated
#20c9dd Web Safe: aqua
#00ffff
rgb(1, 226, 253)
rgba(1, 226, 253, 1.0)
red: 0.3922%, yellow: 47.007%, blue: 99.2157%
#01e2fd
123645
-16653571 / 0xff01e2fd
hsl(186, 99%, 50%)
hsla(186, 99%, 50%, 1.0)
hue: 186 (186.4286), saturation: 100 (99.6047), value: 99 (99.2157)
X: 44.9385, Y: 61.491, Z: 102.429
x: 0.2152, y: 0.2944, Y: 61.491
L: 82.642, a: -35.6608, b: -25.8952
L: 82.642, u: -61.0347, v: -36.681
L: 82.642, C: 44.071, H: 215.9854
L: 78.4162, a: -34.9342, b: -22.5545
cyan: 100 (0.996), magenta: 11 (0.1067), yellow: 0 (0), key: 1 (0.0078)
cyan: 100 (0.9961), magenta: 11 (0.1137), yellow: 1 (0.0078)
Y: 161.803, I: -142.7102, Q: -39.177
Y: 161.803, U: 44.8785, V: -141.0753
Y: 161.803, Db: 137.241, Dr: 305.784
Y: 154.955, Cb: 173.153, Cr: 27.308
Y: 180.019, Pb: 39.375, Pr: -113.742
2.5B 8/10 (approximate)
#01e2fd / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01e2fd to White#01e2fd to Black#01e2fd foreground
<p style="color: #01e2fd; background-color: #000">#01e2fd foreground</p>
#01e2fd background
<p style="background-color: #01e2fd">#01e2fd background</p>
#01e2fd border
<p style="border: #01e2fd 3px solid">#01e2fd border</p>
#01e2fd radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01e2fd, #fff); background: -webkit-radial-gradient(50% 50%, #01e2fd, #fff); background: -o-radial-gradient(50% 50%, #01e2fd, #fff); background: -ms-radial-gradient(50% 50%, #01e2fd, #fff); background: radial-gradient(50% 50%, #01e2fd, #fff)">#01e2fd radial gradient</p>
#01e2fd linear gradient to complementary #fd1c00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01e2fd, #fd1c00); background: -webkit-linear-gradient(top, #01e2fd, #fd1c00); background: -o-linear-gradient(top, #01e2fd, #fd1c00); background: -ms-linear-gradient(top, #01e2fd, #fd1c00); background: linear-gradient(top, #01e2fd, #fd1c00); color: #000">#01e2fd linear gradient to complementary #fd1c00</p>
#01e2fd text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01e2fd">#01e2fd text shadow</p>
The matching paint colors are listed in order of relevancy to the #01e2fd 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 #01e2fd.
Jump to paint brand: