#48BBFF Color Information


In the RGB color space, #48BBFF is composed of 28.2353% red, 73.3333% green, and 100% blue.

In the CMYK color space, #48BBFF is composed of 71.76% cyan, 26.67% magenta, 0% yellow, and 0% black,

It has a hue angle of 202.3 degrees, a saturation of 100%, and a lightness of 64.12%.

The closest websafe color is #33CCFF.

#48BBFF RGB Values

#48BBFF CMYK Values



#48BBFF Color Conversion


The hexadecimal color #48BBFF has RGB values of R:72, G:187, B:255 and CMYK values of C:71.76, M:26.67, Y:0, K:0. It has a decimal value of 4766719.


Hexadecimal #48BBFF #48BBFF
RGB Decimal 72, 187, 255 rgb(72, 187, 255)
RGB Percent 28.2353, 73.3333, 100 rgb(28.2353%, 73.3333%, 100%)
RGB Proportion 0.2824, 0.7333, 1.0 rgb(0.2824, 0.7333, 1.0)
CMYK 71.76, 26.67, 0, 0
HSL 202.3ยบ, 100, 64.12 hsl(202.3, 100%, 64.12%)
Websafe 33CCFF #33CCFF
XYZ 38.492, 44.135, 101.098
Yxy 44.135, 0.21, 0.24
CIE-LAB 72.319, -10.758, -42.842
CIE-LCH 72.319, 44.172, 255.904
CIE-LUV 72.319, -41.796, -68.282
Hunter-Lab 66.434, -12.837, -43.722

Color Schemes For #48BBFF


Colors that go well with #48BBFF.

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

Alternatives to #48BBFF


Colors similar to #48BBFF.


#48BBFF Preview


Common HTML and CSS shortcodes for #48BBFF.

Text with color #48BBFF


The quick brown fox jumps over the lazy dog.

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

#48BBFF as background color


The quick brown fox jumps over the lazy dog.

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

Border with #48BBFF


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #48BBFF


Linear gradient from #48BBFF to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #48BBFF


Radial gradient from #48BBFF to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #48BBFF and its Complementary Color


Linear gradient from #48BBFF to #B74400.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #48BBFF and its Complementary Color


Radial gradient from #48BBFF to #B74400.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors