#01caf0
Hex Color CodeThe hexadecimal color code #01caf0
is a shade of cyan. In the RGB color model #01caf0
is comprised of 0.39% red, 79.22% green and 94.12% blue. In the HSL color space #01caf0
has a hue of 189.54 degrees, 99.17% saturation and 47.25% lightness. This color has an approximate wavelength of 501 nm.
#01caf0
Color InformationInverted
#fe350f 25% Saturated
#00caf0 Grayscale
#787878
rgb(1, 202, 240)
rgba(1, 202, 240, 1.0)
red: 0.3922%, yellow: 43.2077%, blue: 94.1176%
#01caf0
117488
-16659728 / 0xff01caf0
hsl(190, 99%, 47%)
hsla(190, 99%, 47%, 1.0)
hue: 190 (189.5397), saturation: 100 (99.5833), value: 94 (94.1176)
X: 36.8612, Y: 48.5388, Z: 89.8642
x: 0.2103, y: 0.2769, Y: 48.5388
L: 75.1635, a: -28.3205, b: -30.4242
L: 75.1635, u: -54.0517, v: -45.0166
L: 75.1635, C: 41.5654, H: 227.0509
L: 69.6698, a: -27.4805, b: -27.7069
cyan: 100 (0.9958), magenta: 16 (0.1583), yellow: 0 (0), key: 6 (0.0588)
cyan: 100 (0.9961), magenta: 21 (0.2078), yellow: 6 (0.0588)
Y: 146.233, I: -131.9469, Q: -30.6795
Y: 146.233, U: 46.1432, V: -127.4154
Y: 146.233, Db: 141.104, Dr: 276.179
Y: 141.585, Cb: 174.43, Cr: 37.063
Y: 161.923, Pb: 42.115, Pr: -102.248
2.5B 7/10 (approximate)
#01caf0
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#01caf0
to White#01caf0
to Black#01caf0
foreground
<p style="color: #01caf0; background-color: #000">#01caf0 foreground</p>
#01caf0
background
<p style="background-color: #01caf0">#01caf0 background</p>
#01caf0
border
<p style="border: #01caf0 3px solid">#01caf0 border</p>
#01caf0
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #01caf0, #fff); background: -webkit-radial-gradient(50% 50%, #01caf0, #fff); background: -o-radial-gradient(50% 50%, #01caf0, #fff); background: -ms-radial-gradient(50% 50%, #01caf0, #fff); background: radial-gradient(50% 50%, #01caf0, #fff)">#01caf0 radial gradient</p>
#01caf0
linear gradient to complementary #ef2700
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #01caf0, #ef2700); background: -webkit-linear-gradient(top, #01caf0, #ef2700); background: -o-linear-gradient(top, #01caf0, #ef2700); background: -ms-linear-gradient(top, #01caf0, #ef2700); background: linear-gradient(top, #01caf0, #ef2700); color: #000">
#01caf0
linear gradient to complementary #ef2700
</p>
#01caf0
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #01caf0">#01caf0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #01caf0
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 #01caf0
.
Jump to paint brand: