COLOR #36B095

HEX: #36B095 RGB: (54,176,149)

Color info

#36B095 contains mainly green and blue colors. Web safe color of #36B095 is #339999 (or #399).

RGB color model

#36B095 color RGB value is (54,176,149).

RGB: (54,176,149) (21%, 69%, 58%)

RGB channels and saturation

R 54 of 255 = 21%
G 176 of 255 = 69%
B 149 of 255 = 58%

54
176
149

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

Portions of RGB colors in percentages

R + G + B = 54 + 176 + 149 = 379 (100%)
R 54 of 379 ~ 14.25%
G 176 of 379 ~ 46.44%
B 149 of 379 ~ 39.31'%

%14.25
%46.44
%39.31

CMYK color model

#36B095 color CMYK value is (69,0,15,31).

  • cyan value is 69.32%
  • magenta value is 0.00%
  • yellow value is 15.34%
  • key color value is 30.98%

CMYK: (69,0,15,31)
C69M0Y15K31 (69%, 0%, 15%, 31%)
(0.69 / 0.00 / 0.15 / 0.31)

CMYK percentages

%69.32
%0
%15.34
%30.98

Codes

Color #36B095 in popluar color models

36 B0 95
RGB 54 176 149
HSL 167° 53.04% 45.10%
HSB/HSV 167° 69.32% 69.02%
CMYK 69.32% 0.00% 15.34%
30.98%

Color #36B095 in popluar number systems.

HEX 36 B0 95
Decimal 54 176 149
Binary 110110 10110000 10010101
Octal 66 260 225

Shades and tints

Shades of #36B095

#36B095
(54,176,149)
#32A088
(50,160,136)
#2E907B
(46,144,123)
#2A806E
(42,128,110)
#267061
(38,112,97)
#226054
(34,96,84)
#1E5047
(30,80,71)
#1A403A
(26,64,58)
#16302D
(22,48,45)
#122020
(18,32,32)
#0E1013
(14,16,19)
#000000
(0,0,0)

Tints of #36B095

#36B095
(54,176,149)
#48B79E
(72,183,158)
#5ABEA7
(90,190,167)
#6CC5B0
(108,197,176)
#7ECCB9
(126,204,185)
#90D3C2
(144,211,194)
#A2DACB
(162,218,203)
#B4E1D4
(180,225,212)
#C6E8DD
(198,232,221)
#D8EFE6
(216,239,230)
#EAF6EF
(234,246,239)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #36B095 color. Also use rgb(54,176,149) instead hex code.

Text Font Color

.myTextColor { color: #36B095; }

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

This text font color is #36B095.

Background Color

.myBgColor { background-color: #36B095; }

<div style="background-color:#36B095">Inner text</div>

This div background color is #36B095.

Border color

.myBorderColor { border: 1px solid #36B095; }

<div style="border:3px solid #36B095">Div</div>

This div border color is #36B095.

Opacity

.myOpacity80 { color: #36B095; opacity: 0.8; }

<p style="color:#36B095;opacity:0.8;">80%</p>

Text with #36B095 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 #36B095;}

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

This text has shadow with #36B095 color.


.textShadow {text-shadow: 3px 3px 1px #36B095', 3px 3px 1px red;}

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

This text has shadow with #36B095 primary color and red secondary color.


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

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

This text has shadow with #36B095 and red colors in old Internet Explorer.

Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #36B095; -webkit-box-shadow: 1px 1px 3px 2px #36B095; box-shadow:1px 1px 3px 2px #36B095;">
Div content here
</div>

This div box has shadow with color #36B095.

Preview

Color preview on black background

This text has color #36B095 on black background.


Color preview on white background

This text has color #36B095 on white background.


Black color preview on #36B095 background

This text has black color on #36B095 background.


White color preview on #36B095 background

This text has white color on #36B095 background.


Related colors

Complementary color

Complementary color for #hex is #C94F6A.


I love getcolorcode.com

Triadic colors

1 #9536B0 and #B09536 with #36B095 are triadic colors.

2 #95B036 and #B03695 with #36B095 are triadic colors.