Color #6FB295

Color info

#6FB295 contains mainly green and blue colors. Web safe color of #6FB295 is #669999 (or #699).

RGB color model

#6FB295 color RGB value is (111,178,149).

red value is 111;
green value is 178;
blue value is 149.

RGB: (111,178,149) (44%, 70%, 58%)

RGB channels and saturation

R 111 of 255 = 44%
G 178 of 255 = 70%
B 149 of 255 = 58%

111

178

149

R + G + B ~ 57%. #6FB295 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 111 + 178 + 149 = 438 (100%)
R 111 of 438 ~ 25.34%
G 178 of 438 ~ 40.64%
B 149 of 438 ~ 34.02'%

%25.34

%40.64

%34.02

CMYK color model

#6FB295 color CMYK value is (38,0,16,30).

cyan value is 37.64%
magenta value is 0.00%
yellow value is 16.29%
key color value is 30.20%

CMYK: (38,0,16,30)
C38M0Y16K30 (38%, 0%, 16%, 30%)
(0.38 / 0.00 / 0.16 / 0.30)

CMYK percentages

%37.64

%0

%16.29

%30.2

Codes

Color #6FB295 in popluar color models

	6F	B2	95
RGB	111	178	149
HSL	154°	30.32%	56.67%
HSB/HSV	154°	37.64%	69.80%
CMYK	37.64%	0.00%	16.29%
CMYK	30.20%

Color #6FB295 in popluar number systems.

HEX	6F	B2	95
Decimal	111	178	149
Binary	1101111	10110010	10010101
Octal	157	262	225

Shades and tints

Shades of #6FB295

#6FB295
(111,178,149)

#65A288
(101,162,136)

#5B927B
(91,146,123)

#51826E
(81,130,110)

#477261
(71,114,97)

#3D6254
(61,98,84)

#335247
(51,82,71)

#29423A
(41,66,58)

#1F322D
(31,50,45)

#152220
(21,34,32)

#0B1213
(11,18,19)

#000000
(0,0,0)

Tints of #6FB295

#6FB295
(111,178,149)

#7CB99E
(124,185,158)

#89C0A7
(137,192,167)

#96C7B0
(150,199,176)

#A3CEB9
(163,206,185)

#B0D5C2
(176,213,194)

#BDDCCB
(189,220,203)

#CAE3D4
(202,227,212)

#D7EADD
(215,234,221)

#E4F1E6
(228,241,230)

#F1F8EF
(241,248,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6FB295 color. Also use rgb(111,178,149) instead hex code.

Text Font Color

.myTextColor { color: #6FB295; }

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

This text font color is #6FB295.

Background Color

.myBgColor { background-color: #6FB295; }

<div style="background-color:#6FB295">Inner text</div>

This div background color is #6FB295.

Border color

.myBorderColor { border: 1px solid #6FB295; }

This div border color is #6FB295.

Opacity

.myOpacity80 { color: #6FB295; opacity: 0.8; }

Text with #6FB295 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 #6FB295;}

This text has shadow with #6FB295 color.

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

This text has shadow with #6FB295 primary color and red secondary color.

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

This text has shadow with #6FB295 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #6FB295.