COLOR #27B995

HEX: #27B995
RGB: (39,185,149)

Color info

#27B995 contains mainly green and blue colors. Web safe color of #27B995 is #33CC99 (or #3C9).

RGB color model

#27B995 color RGB value is (39,185,149).

  • red value is 39;
  • green value is 185;
  • blue value is 149.
RGB:
(39,185,149)
(15%,73%,58%)

RGB channels and saturation

R 39 of 255 = 15%
G 185 of 255 = 73%
B 149 of 255 = 58%

39
185
149

R + G + B ~ 49%. #27B995 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
39 + 185 + 149 = 373 (100%)
R 39 of 373 ~ 10.46%
G 185 of 373 ~ 49.6%
B 149 of 373 ~ 39.95%

%10.46
%49.6
%39.95

CMYK color model

#27B995 color CMYK value is (79,0,19,27).

  • cyan value is 78.92%
  • magenta value is 0.00%
  • yellow value is 19.46%
  • key color value is 27.45%
CMYK:
(79,0,19,27)
C79M0Y19K27 
(79%,0%,19%,27%)
(0.79/0.00/0.19/0.27)	

CMYK percentages

%78.92
%0
%19.46
%27.45

Codes

Color #27B995 in popluar color models

27B995
RGB39185149
HSL165°65.18%43.92%
HSB/HSV165°78.92%72.55%
CMYK78.92%0.00%19.46%
27.45%

Color #27B995 in popluar number systems.

HEX27B995
Decimal39185149
Binary1001111011100110010101
Octal47271225

Shades and tints

Shades of #27B995

#27B995
(39,185,149)
#24A988
(36,169,136)
#21997B
(33,153,123)
#1E896E
(30,137,110)
#1B7961
(27,121,97)
#186954
(24,105,84)
#155947
(21,89,71)
#12493A
(18,73,58)
#0F392D
(15,57,45)
#0C2920
(12,41,32)
#091913
(9,25,19)
#000000
(0,0,0)

Tints of #27B995

#27B995
(39,185,149)
#3ABF9E
(58,191,158)
#4DC5A7
(77,197,167)
#60CBB0
(96,203,176)
#73D1B9
(115,209,185)
#86D7C2
(134,215,194)
#99DDCB
(153,221,203)
#ACE3D4
(172,227,212)
#BFE9DD
(191,233,221)
#D2EFE6
(210,239,230)
#E5F5EF
(229,245,239)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #27B995 color. Also use rgb(39,185,149) instead hex code.

Text Font Color

.myTextColor { color: #27B995; }

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

This text font color is #27B995.


Background Color

.myBgColor { background-color: #27B995; }

<div style="background-color:#27B995">Inner text</div>

This div background color is #27B995.


Border color

.myBorderColor { border: 1px solid #27B995; }

<div style="border:3px solid #27B995">Div</div>

This div border color is #27B995.


Opacity

.myOpacity80 { color: #27B995; opacity: 0.8; }

<p style="color:#27B995;opacity:0.8;">80%</p>

Text with #27B995 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 #27B995;}

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

This text has shadow with #27B995 color.

.textShadow {text-shadow: 3px 3px 1px #27B995, 3px 3px 1px red;}

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

This text has shadow with #27B995 primary color and red secondary color.


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

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

This text has shadow with #27B995 and red colors in old Internet Explorer.


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #27B995 on black background.


Color preview on white background

This text has color #27B995 on white background.



Black color preview on #27B995 background

This text has black color on #27B995 background.


White color preview on #27B995 background

This text has white color on #27B995 background.