#01BCF8 Color Information


In the RGB color space, #01BCF8 is composed of 0.3922% red, 73.7255% green, and 97.2549% blue.

In the CMYK color space, #01BCF8 is composed of 99.6% cyan, 24.19% magenta, 0% yellow, and 2.75% black,

It has a hue angle of 194.6 degrees, a saturation of 99.2%, and a lightness of 48.82%.

The closest websafe color is #00CCFF.

#01BCF8 RGB Values

#01BCF8 CMYK Values



#01BCF8 Color Conversion


The hexadecimal color #01BCF8 has RGB values of R:1, G:188, B:248 and CMYK values of C:99.6, M:24.19, Y:0, K:2.75. It has a decimal value of 113912.


Hexadecimal #01BCF8 #01BCF8
RGB Decimal 1, 188, 248 rgb(1, 188, 248)
RGB Percent 0.3922, 73.7255, 97.2549 rgb(0.3922%, 73.7255%, 97.2549%)
RGB Proportion 0.0039, 0.7373, 0.9725 rgb(0.0039, 0.7373, 0.9725)
CMYK 99.6, 24.19, 0, 2.75
HSL 194.6ยบ, 99.2, 48.82 hsl(194.6, 99.2%, 48.82%)
Websafe 00CCFF #00CCFF
XYZ 34.939, 42.754, 95.208
Yxy 42.754, 0.202, 0.247
CIE-LAB 71.388, -18.497, -40.581
CIE-LCH 71.388, 44.598, 245.496
CIE-LUV 71.388, -48.763, -63.384
Hunter-Lab 65.387, -19.046, -40.56

Color Schemes For #01BCF8


Colors that go well with #01BCF8.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #01BCF8


Colors similar to #01BCF8.


#01BCF8 Preview


Common HTML and CSS shortcodes for #01BCF8.

Text with color #01BCF8


The quick brown fox jumps over the lazy dog.

<div style="color: #01BCF8;">The quick brown fox jumps over the lazy dog.</div>

#01BCF8 as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #01BCF8;">The quick brown fox jumps over the lazy dog.</div>

Border with #01BCF8


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #01BCF8;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #01BCF8


Linear gradient from #01BCF8 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#01BCF8, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #01BCF8


Radial gradient from #01BCF8 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#01BCF8, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #01BCF8 and its Complementary Color


Linear gradient from #01BCF8 to #FE4307.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#01BCF8, #FE4307);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #01BCF8 and its Complementary Color


Radial gradient from #01BCF8 to #FE4307.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#01BCF8, #FE4307);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #01BCF8; } .background { background-color: #01BCF8; } .border { border: 1px solid #01BCF8; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #01BCF8


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #000304 while the lightest tint is #FAFEFE.

Shades


Tints

Random Colors