#1BABD4 Color Information


In the RGB color space, #1BABD4 is composed of 10.5882% red, 67.0588% green, and 83.1373% blue.

In the CMYK color space, #1BABD4 is composed of 87.26% cyan, 19.34% magenta, 0% yellow, and 16.86% black,

It has a hue angle of 193.3 degrees, a saturation of 77.4%, and a lightness of 46.87%.

The closest websafe color is #3399CC.

#1BABD4 RGB Values

#1BABD4 CMYK Values



#1BABD4 Color Conversion


The hexadecimal color #1BABD4 has RGB values of R:27, G:171, B:212 and CMYK values of C:87.26, M:19.34, Y:0, K:16.86. It has a decimal value of 1813460.


Hexadecimal #1BABD4 #1BABD4
RGB Decimal 27, 171, 212 rgb(27, 171, 212)
RGB Percent 10.5882, 67.0588, 83.1373 rgb(10.5882%, 67.0588%, 83.1373%)
RGB Proportion 0.1059, 0.6706, 0.8314 rgb(0.1059, 0.6706, 0.8314)
CMYK 87.26, 19.34, 0, 16.86
HSL 193.3ยบ, 77.4, 46.87 hsl(193.3, 77.4%, 46.87%)
Websafe 3399CC #3399CC
XYZ 26.9, 34.114, 67.459
Yxy 34.114, 0.209, 0.266
CIE-LAB 65.053, -21.089, -30.753
CIE-LCH 65.053, 37.289, 235.559
CIE-LUV 65.053, -44.507, -45.658
Hunter-Lab 58.407, -20.003, -27.594

Color Schemes For #1BABD4


Colors that go well with #1BABD4.

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

Alternatives to #1BABD4


Colors similar to #1BABD4.


#1BABD4 Preview


Common HTML and CSS shortcodes for #1BABD4.

Text with color #1BABD4


The quick brown fox jumps over the lazy dog.

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

#1BABD4 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #1BABD4


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #1BABD4


Linear gradient from #1BABD4 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #1BABD4


Radial gradient from #1BABD4 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #1BABD4 and its Complementary Color


Linear gradient from #1BABD4 to #E4542B.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #1BABD4 and its Complementary Color


Radial gradient from #1BABD4 to #E4542B.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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 #FBFEFE.

Shades


Tints

Random Colors