COLOR #9BBEBF

HEX: #9BBEBF
RGB: (155,190,191)

Color info

#9BBEBF contains red, green and blue colors in about the same proportion. Web safe color of #9BBEBF is #99CCCC (or #9CC).

RGB color model

#9BBEBF color RGB value is (155,190,191).

  • red value is 155;
  • green value is 190;
  • blue value is 191.
RGB:
(155,190,191)
(61%,75%,75%)

RGB channels and saturation

R 155 of 255 = 61%
G 190 of 255 = 75%
B 191 of 255 = 75%

155
190
191

R + G + B ~ 70%. #9BBEBF is quite light color.

Portions of RGB colors in percentages

R + G + B =
155 + 190 + 191 = 536 (100%)
R 155 of 536 ~ 28.92%
G 190 of 536 ~ 35.45%
B 191 of 536 ~ 35.63%

%28.92
%35.45
%35.63

CMYK color model

#9BBEBF color CMYK value is (19,1,0,25).

  • cyan value is 18.85%
  • magenta value is 0.52%
  • yellow value is 0.00%
  • key color value is 25.10%
CMYK:
(19,1,0,25)
C19M1Y0K25 
(19%,1%,0%,25%)
(0.19/0.01/0.00/0.25)	

CMYK percentages

%18.85
%0.52
%0
%25.1

Codes

Color #9BBEBF in popluar color models

9BBEBF
RGB155190191
HSL182°21.95%67.84%
HSB/HSV182°18.85%74.90%
CMYK18.85%0.52%0.00%
25.10%

Color #9BBEBF in popluar number systems.

HEX9BBEBF
Decimal155190191
Binary100110111011111010111111
Octal233276277

Shades and tints

Shades of #9BBEBF

#9BBEBF
(155,190,191)
#8DADAE
(141,173,174)
#7F9C9D
(127,156,157)
#718B8C
(113,139,140)
#637A7B
(99,122,123)
#55696A
(85,105,106)
#475859
(71,88,89)
#394748
(57,71,72)
#2B3637
(43,54,55)
#1D2526
(29,37,38)
#0F1415
(15,20,21)
#000000
(0,0,0)

Tints of #9BBEBF

#9BBEBF
(155,190,191)
#A4C3C4
(164,195,196)
#ADC8C9
(173,200,201)
#B6CDCE
(182,205,206)
#BFD2D3
(191,210,211)
#C8D7D8
(200,215,216)
#D1DCDD
(209,220,221)
#DAE1E2
(218,225,226)
#E3E6E7
(227,230,231)
#ECEBEC
(236,235,236)
#F5F0F1
(245,240,241)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9BBEBF color. Also use rgb(155,190,191) instead hex code.

Text Font Color

.myTextColor { color: #9BBEBF; }

<p style="color:#9BBEBF">This sample text font color is #9BBEBF.</p>

This text font color is #9BBEBF.


Background Color

.myBgColor { background-color: #9BBEBF; }

<div style="background-color:#9BBEBF">Inner text</div>

This div background color is #9BBEBF.


Border color

.myBorderColor { border: 1px solid #9BBEBF; }

<div style="border:3px solid #9BBEBF">Div</div>

This div border color is #9BBEBF.


Opacity

.myOpacity80 { color: #9BBEBF; opacity: 0.8; }

<p style="color:#9BBEBF;opacity:0.8;">80%</p>

Text with #9BBEBF color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #9BBEBF;}

<p style="text-shadow: 3px 3px 1px #9BBEBF">Text here.</p>

This text has shadow with #9BBEBF color.

.textShadow {text-shadow: 3px 3px 1px #9BBEBF, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #9BBEBF, 5px 5px 20px red">Text here.</p>

This text has shadow with #9BBEBF primary color and red secondary color.


Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#9BBEBF, Direction=45, Strength=4)}

<p style="filter: Shadow(Color=#9BBEBF, Direction=45, Strength=4)">Text</p>

This text has shadow with #9BBEBF and red colors in old Internet Explorer.


Div box shadow color

/* css code */
.divShadow
{
  -moz-box-shadow:	1px 1px 3px 2px #9BBEBF;
  -webkit-box-shadow:	1px 1px 3px 2px #9BBEBF;
  box-shadow:		1px 1px 3px 2px #9BBEBF;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #9BBEBF;
-webkit-box-shadow: 1px 1px 3px 2px #9BBEBF;
box-shadow:1px 1px 3px 2px #9BBEBF;">
Div content here</div>
This div box has shadow with color #9BBEBF.

Preview

Color preview on black background

This text has color #9BBEBF on black background.


Color preview on white background

This text has color #9BBEBF on white background.



Black color preview on #9BBEBF background

This text has black color on #9BBEBF background.


White color preview on #9BBEBF background

This text has white color on #9BBEBF background.