COLOR #9BEFAE

HEX: #9BEFAE
RGB: (155,239,174)

Color info

#9BEFAE contains mainly green color. Web safe color of #9BEFAE is #99FF99 (or #9F9).

RGB color model

#9BEFAE color RGB value is (155,239,174).

  • red value is 155;
  • green value is 239;
  • blue value is 174.
RGB:
(155,239,174)
(61%,94%,68%)

RGB channels and saturation

R 155 of 255 = 61%
G 239 of 255 = 94%
B 174 of 255 = 68%

155
239
174

R + G + B ~ 74%. #9BEFAE is quite light color.

Portions of RGB colors in percentages

R + G + B =
155 + 239 + 174 = 568 (100%)
R 155 of 568 ~ 27.29%
G 239 of 568 ~ 42.08%
B 174 of 568 ~ 30.63%

%27.29
%42.08
%30.63

CMYK color model

#9BEFAE color CMYK value is (35,0,27,6).

  • cyan value is 35.15%
  • magenta value is 0.00%
  • yellow value is 27.20%
  • key color value is 6.27%
CMYK:
(35,0,27,6)
C35M0Y27K6 
(35%,0%,27%,6%)
(0.35/0.00/0.27/0.06)	

CMYK percentages

%35.15
%0
%27.2
%6.27

Codes

Color #9BEFAE in popluar color models

9BEFAE
RGB155239174
HSL134°72.41%77.25%
HSB/HSV134°35.15%93.73%
CMYK35.15%0.00%27.20%
6.27%

Color #9BEFAE in popluar number systems.

HEX9BEFAE
Decimal155239174
Binary100110111110111110101110
Octal233357256

Shades and tints

Shades of #9BEFAE

#9BEFAE
(155,239,174)
#8DDA9F
(141,218,159)
#7FC590
(127,197,144)
#71B081
(113,176,129)
#639B72
(99,155,114)
#558663
(85,134,99)
#477154
(71,113,84)
#395C45
(57,92,69)
#2B4736
(43,71,54)
#1D3227
(29,50,39)
#0F1D18
(15,29,24)
#000000
(0,0,0)

Tints of #9BEFAE

#9BEFAE
(155,239,174)
#A4F0B5
(164,240,181)
#ADF1BC
(173,241,188)
#B6F2C3
(182,242,195)
#BFF3CA
(191,243,202)
#C8F4D1
(200,244,209)
#D1F5D8
(209,245,216)
#DAF6DF
(218,246,223)
#E3F7E6
(227,247,230)
#ECF8ED
(236,248,237)
#F5F9F4
(245,249,244)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9BEFAE color. Also use rgb(155,239,174) instead hex code.

Text Font Color

.myTextColor { color: #9BEFAE; }

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

This text font color is #9BEFAE.


Background Color

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

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

This div background color is #9BEFAE.


Border color

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

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

This div border color is #9BEFAE.


Opacity

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

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

Text with #9BEFAE 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 #9BEFAE;}

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

This text has shadow with #9BEFAE color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #9BEFAE on black background.


Color preview on white background

This text has color #9BEFAE on white background.



Black color preview on #9BEFAE background

This text has black color on #9BEFAE background.


White color preview on #9BEFAE background

This text has white color on #9BEFAE background.