COLOR #6FDB7E

HEX: #6FDB7E
RGB: (111,219,126)

Color info

#6FDB7E contains mainly green color. Web safe color of #6FDB7E is #66CC66 (or #6C6).

RGB color model

#6FDB7E color RGB value is (111,219,126).

  • red value is 111;
  • green value is 219;
  • blue value is 126.
RGB:
(111,219,126)
(44%,86%,49%)

RGB channels and saturation

R 111 of 255 = 44%
G 219 of 255 = 86%
B 126 of 255 = 49%

111
219
126

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

Portions of RGB colors in percentages

R + G + B =
111 + 219 + 126 = 456 (100%)
R 111 of 456 ~ 24.34%
G 219 of 456 ~ 48.03%
B 126 of 456 ~ 27.63%

%24.34
%48.03
%27.63

CMYK color model

#6FDB7E color CMYK value is (49,0,42,14).

  • cyan value is 49.32%
  • magenta value is 0.00%
  • yellow value is 42.47%
  • key color value is 14.12%
CMYK:
(49,0,42,14)
C49M0Y42K14 
(49%,0%,42%,14%)
(0.49/0.00/0.42/0.14)	

CMYK percentages

%49.32
%0
%42.47
%14.12

Codes

Color #6FDB7E in popluar color models

6FDB7E
RGB111219126
HSL128°60.00%64.71%
HSB/HSV128°49.32%85.88%
CMYK49.32%0.00%42.47%
14.12%

Color #6FDB7E in popluar number systems.

HEX6FDB7E
Decimal111219126
Binary1101111110110111111110
Octal157333176

Shades and tints

Shades of #6FDB7E

#6FDB7E
(111,219,126)
#65C873
(101,200,115)
#5BB568
(91,181,104)
#51A25D
(81,162,93)
#478F52
(71,143,82)
#3D7C47
(61,124,71)
#33693C
(51,105,60)
#295631
(41,86,49)
#1F4326
(31,67,38)
#15301B
(21,48,27)
#0B1D10
(11,29,16)
#000000
(0,0,0)

Tints of #6FDB7E

#6FDB7E
(111,219,126)
#7CDE89
(124,222,137)
#89E194
(137,225,148)
#96E49F
(150,228,159)
#A3E7AA
(163,231,170)
#B0EAB5
(176,234,181)
#BDEDC0
(189,237,192)
#CAF0CB
(202,240,203)
#D7F3D6
(215,243,214)
#E4F6E1
(228,246,225)
#F1F9EC
(241,249,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6FDB7E color. Also use rgb(111,219,126) instead hex code.

Text Font Color

.myTextColor { color: #6FDB7E; }

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

This text font color is #6FDB7E.


Background Color

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

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

This div background color is #6FDB7E.


Border color

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

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

This div border color is #6FDB7E.


Opacity

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

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

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

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

This text has shadow with #6FDB7E color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #6FDB7E on black background.


Color preview on white background

This text has color #6FDB7E on white background.



Black color preview on #6FDB7E background

This text has black color on #6FDB7E background.


White color preview on #6FDB7E background

This text has white color on #6FDB7E background.