COLOR #6FAB99

HEX: #6FAB99 RGB: (111,171,153)

Color info

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

RGB color model

#6FAB99 color RGB value is (111,171,153).

RGB: (111,171,153) (44%, 67%, 60%)

RGB channels and saturation

R 111 of 255 = 44%
G 171 of 255 = 67%
B 153 of 255 = 60%

111
171
153

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

Portions of RGB colors in percentages

R + G + B = 111 + 171 + 153 = 435 (100%)
R 111 of 435 ~ 25.52%
G 171 of 435 ~ 39.31%
B 153 of 435 ~ 35.17'%

%25.52
%39.31
%35.17

CMYK color model

#6FAB99 color CMYK value is (35,0,11,33).

  • cyan value is 35.09%
  • magenta value is 0.00%
  • yellow value is 10.53%
  • key color value is 32.94%

CMYK: (35,0,11,33)
C35M0Y11K33 (35%, 0%, 11%, 33%)
(0.35 / 0.00 / 0.11 / 0.33)

CMYK percentages

%35.09
%0
%10.53
%32.94

Codes

Color #6FAB99 in popluar color models

6F AB 99
RGB 111 171 153
HSL 162° 26.32% 55.29%
HSB/HSV 162° 35.09% 67.06%
CMYK 35.09% 0.00% 10.53%
32.94%

Color #6FAB99 in popluar number systems.

HEX 6F AB 99
Decimal 111 171 153
Binary 1101111 10101011 10011001
Octal 157 253 231

Shades and tints

Shades of #6FAB99

#6FAB99
(111,171,153)
#659C8C
(101,156,140)
#5B8D7F
(91,141,127)
#517E72
(81,126,114)
#476F65
(71,111,101)
#3D6058
(61,96,88)
#33514B
(51,81,75)
#29423E
(41,66,62)
#1F3331
(31,51,49)
#152424
(21,36,36)
#0B1517
(11,21,23)
#000000
(0,0,0)

Tints of #6FAB99

#6FAB99
(111,171,153)
#7CB2A2
(124,178,162)
#89B9AB
(137,185,171)
#96C0B4
(150,192,180)
#A3C7BD
(163,199,189)
#B0CEC6
(176,206,198)
#BDD5CF
(189,213,207)
#CADCD8
(202,220,216)
#D7E3E1
(215,227,225)
#E4EAEA
(228,234,234)
#F1F1F3
(241,241,243)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6FAB99 color. Also use rgb(111,171,153) instead hex code.

Text Font Color

.myTextColor { color: #6FAB99; }

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

This text font color is #6FAB99.

Background Color

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

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

This div background color is #6FAB99.

Border color

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

<div style="border:3px solid #6FAB99">Div</div>

This div border color is #6FAB99.

Opacity

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

<p style="color:#6FAB99;opacity:0.8;">80%</p>

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

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

This text has shadow with #6FAB99 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #6FAB99.

Preview

Color preview on black background

This text has color #6FAB99 on black background.


Color preview on white background

This text has color #6FAB99 on white background.


Black color preview on #6FAB99 background

This text has black color on #6FAB99 background.


White color preview on #6FAB99 background

This text has white color on #6FAB99 background.


Related colors

Complementary color

Complementary color for #hex is #905466.


I love getcolorcode.com

Triadic colors

1 #996FAB and #AB996F with #6FAB99 are triadic colors.

2 #99AB6F and #AB6F99 with #6FAB99 are triadic colors.