#48E6FC Color Information


In the RGB color space, #48E6FC is composed of 28.2353% red, 90.1961% green, and 98.8235% blue.

In the CMYK color space, #48E6FC is composed of 71.42% cyan, 8.72% magenta, 0% yellow, and 1.18% black,

It has a hue angle of 187.3 degrees, a saturation of 96.76%, and a lightness of 63.53%.

The closest websafe color is #33FFFF.

#48E6FC RGB Values

#48E6FC CMYK Values



#48E6FC Color Conversion


The hexadecimal color #48E6FC has RGB values of R:72, G:230, B:252 and CMYK values of C:71.42, M:8.72, Y:0, K:1.18. It has a decimal value of 4777724.


Hexadecimal #48E6FC #48E6FC
RGB Decimal 72, 230, 252 rgb(72, 230, 252)
RGB Percent 28.2353, 90.1961, 98.8235 rgb(28.2353%, 90.1961%, 98.8235%)
RGB Proportion 0.2824, 0.902, 0.9882 rgb(0.2824, 0.902, 0.9882)
CMYK 71.42, 8.72, 0, 1.18
HSL 187.3ยบ, 96.76, 63.53 hsl(187.3, 96.76%, 63.53%)
Websafe 33FFFF #33FFFF
XYZ 48.542, 65.005, 102.077
Yxy 65.005, 0.225, 0.301
CIE-LAB 84.486, -33.465, -22.491
CIE-LCH 84.486, 40.321, 213.904
CIE-LUV 84.486, -56.928, -31.195
Hunter-Lab 80.626, -33.626, -18.627

Color Schemes For #48E6FC


Colors that go well with #48E6FC.

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

Alternatives to #48E6FC


Colors similar to #48E6FC.


#48E6FC Preview


Common HTML and CSS shortcodes for #48E6FC.

Text with color #48E6FC


The quick brown fox jumps over the lazy dog.

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

#48E6FC as background color


The quick brown fox jumps over the lazy dog.

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

Border with #48E6FC


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #48E6FC


Linear gradient from #48E6FC to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #48E6FC


Radial gradient from #48E6FC to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #48E6FC and its Complementary Color


Linear gradient from #48E6FC to #B71903.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #48E6FC and its Complementary Color


Radial gradient from #48E6FC to #B71903.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #48E6FC; } .background { background-color: #48E6FC; } .border { border: 1px solid #48E6FC; } .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 #48E6FC


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

Shades


Tints

Random Colors