#5BD7FE Color Information


In the RGB color space, #5BD7FE is composed of 35.6863% red, 84.3137% green, and 99.6078% blue.

In the CMYK color space, #5BD7FE is composed of 64.17% cyan, 15.36% magenta, 0% yellow, and 0.39% black,

It has a hue angle of 194.4 degrees, a saturation of 98.79%, and a lightness of 67.65%.

The closest websafe color is #66CCFF.

#5BD7FE RGB Values

#5BD7FE CMYK Values



#5BD7FE Color Conversion


The hexadecimal color #5BD7FE has RGB values of R:91, G:215, B:254 and CMYK values of C:64.17, M:15.36, Y:0, K:0.39. It has a decimal value of 6019070.


Hexadecimal #5BD7FE #5BD7FE
RGB Decimal 91, 215, 254 rgb(91, 215, 254)
RGB Percent 35.6863, 84.3137, 99.6078 rgb(35.6863%, 84.3137%, 99.6078%)
RGB Proportion 0.3569, 0.8431, 0.9961 rgb(0.3569, 0.8431, 0.9961)
CMYK 64.17, 15.36, 0, 0.39
HSL 194.4ยบ, 98.79, 67.65 hsl(194.4, 98.79%, 67.65%)
Websafe 66CCFF #66CCFF
XYZ 46.504, 57.977, 102.51
Yxy 57.977, 0.225, 0.28
CIE-LAB 80.726, -22.931, -29.25
CIE-LCH 80.726, 37.167, 231.905
CIE-LUV 80.726, -48.093, -43.999
Hunter-Lab 76.143, -24.231, -26.522

Color Schemes For #5BD7FE


Colors that go well with #5BD7FE.

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

Alternatives to #5BD7FE


Colors similar to #5BD7FE.


#5BD7FE Preview


Common HTML and CSS shortcodes for #5BD7FE.

Text with color #5BD7FE


The quick brown fox jumps over the lazy dog.

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

#5BD7FE as background color


The quick brown fox jumps over the lazy dog.

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

Border with #5BD7FE


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #5BD7FE


Linear gradient from #5BD7FE to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #5BD7FE


Radial gradient from #5BD7FE to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #5BD7FE and its Complementary Color


Linear gradient from #5BD7FE to #A42801.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #5BD7FE and its Complementary Color


Radial gradient from #5BD7FE to #A42801.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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