Color #6BCC81 hex code, color models, shades and preview

Renk bilgisi

#6BCC81 contains mainly green color. #6BCC81 ‘ nin web güvenlik rengi #66CC99 (ya da #6C9) dir.

RGB renk modeli

#6BCC81 color RGB value is (107,204,129).

kırmız ton 107;
yeşil ton 204;
mavi ton 129.

RGB:
(107,204,129)
(42%,80%,51%)

RGB bağlantıları ve doygunluk

R 107 of 255 = 42%
G 204 of 255 = 80%
B 129 of 255 = 51%

107

204

129

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

Yüzdelerle RGB renk parçaları

R + G + B =
107 + 204 + 129 = 440 (100%)
R 107 of 440 ~ 24.32%
G 204 of 440 ~ 46.36%
B 129 of 440 ~ 29.32%

%24.32

%46.36

%29.32

CMYK RENK MODELİ

#6BCC81 rengi CMYK tonu (48,0,37,20).

camgöbeği tonu 47.55%
eflatun tonu 0.00%
sarı tonu 36.76%
ana renk tonu 20.00%

CMYK:
(48,0,37,20)
C48M0Y37K20 
(48%,0%,37%,20%)
(0.48/0.00/0.37/0.20)

CMYK yüzdeleri

%47.55

%36.76

%20

Codes

Color #6BCC81 in popluar color models

	6B	CC	81
RGB	107	204	129
HSL	134°	48.74%	60.98%
HSB/HSV	134°	47.55%	80.00%
CMYK	47.55%	0.00%	36.76%
CMYK	20.00%

Color #6BCC81 in popluar number systems.

HEX	6B	CC	81
Decimal	107	204	129
Binary	1101011	11001100	10000001
Octal	153	314	201

Shades and tints

Shades of #6BCC81

#6BCC81
(107,204,129)

#62BA76
(98,186,118)

#59A86B
(89,168,107)

#509660
(80,150,96)

#478455
(71,132,85)

#3E724A
(62,114,74)

#35603F
(53,96,63)

#2C4E34
(44,78,52)

#233C29
(35,60,41)

#1A2A1E
(26,42,30)

#111813
(17,24,19)

#000000
(0,0,0)

Tints of #6BCC81

#6BCC81
(107,204,129)

#78D08C
(120,208,140)

#85D497
(133,212,151)

#92D8A2
(146,216,162)

#9FDCAD
(159,220,173)

#ACE0B8
(172,224,184)

#B9E4C3
(185,228,195)

#C6E8CE
(198,232,206)

#D3ECD9
(211,236,217)

#E0F0E4
(224,240,228)

#EDF4EF
(237,244,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6BCC81 color. Also use rgb(107,204,129) instead hex code.

Text Font Color

.myTextColor { color: #6BCC81; }

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

This text font color is #6BCC81.

Background Color

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

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

This div background color is #6BCC81.

Border color

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

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

This div border color is #6BCC81.

Opacity

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

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

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

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

This text has shadow with #6BCC81 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #6BCC81.

Preview

Color preview on black background

This text has color #6BCC81 on black background.

Color preview on white background

This text has color #6BCC81 on white background.

Black color preview on #6BCC81 background

This text has black color on #6BCC81 background.

White color preview on #6BCC81 background

This text has white color on #6BCC81 background.

COLOR #6BCC81