#2B9BF8 Color Information


In the RGB color space, #2B9BF8 is composed of 16.8627% red, 60.7843% green, and 97.2549% blue.

In the CMYK color space, #2B9BF8 is composed of 82.66% cyan, 37.5% magenta, 0% yellow, and 2.75% black,

It has a hue angle of 207.2 degrees, a saturation of 93.6%, and a lightness of 57.05%.

The closest websafe color is #3399FF.

#2B9BF8 RGB Values

#2B9BF8 CMYK Values



#2B9BF8 Color Conversion


The hexadecimal color #2B9BF8 has RGB values of R:43, G:155, B:248 and CMYK values of C:82.66, M:37.5, Y:0, K:2.75. It has a decimal value of 2857976.


Hexadecimal #2B9BF8 #2B9BF8
RGB Decimal 43, 155, 248 rgb(43, 155, 248)
RGB Percent 16.8627, 60.7843, 97.2549 rgb(16.8627%, 60.7843%, 97.2549%)
RGB Proportion 0.1686, 0.6078, 0.9725 rgb(0.1686, 0.6078, 0.9725)
CMYK 82.66, 37.5, 0, 2.75
HSL 207.2ยบ, 93.6, 57.05 hsl(207.2, 93.6%, 57.05%)
Websafe 3399FF #3399FF
XYZ 29.657, 30.729, 93.165
Yxy 30.729, 0.193, 0.2
CIE-LAB 62.278, 1.724, -54.91
CIE-LCH 62.278, 54.937, 271.798
CIE-LUV 62.278, -35.457, -88.415
Hunter-Lab 55.434, -1.512, -60.842

Color Schemes For #2B9BF8


Colors that go well with #2B9BF8.

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

Alternatives to #2B9BF8


Colors similar to #2B9BF8.


#2B9BF8 Preview


Common HTML and CSS shortcodes for #2B9BF8.

Text with color #2B9BF8


The quick brown fox jumps over the lazy dog.

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

#2B9BF8 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #2B9BF8


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2B9BF8


Linear gradient from #2B9BF8 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2B9BF8


Radial gradient from #2B9BF8 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2B9BF8 and its Complementary Color


Linear gradient from #2B9BF8 to #D46407.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2B9BF8 and its Complementary Color


Radial gradient from #2B9BF8 to #D46407.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors