Color #509754 hex code, color models, shades and preview

Renk bilgisi

#509754 contains mainly green color. #509754 ‘ nin web güvenlik rengi #669966 (ya da #696) dir.

RGB renk modeli

#509754 color RGB value is (80,151,84).

kırmız ton 80;
yeşil ton 151;
mavi ton 84.

RGB:
(80,151,84)
(31%,59%,33%)

RGB bağlantıları ve doygunluk

R 80 of 255 = 31%
G 151 of 255 = 59%
B 84 of 255 = 33%

151

R + G + B ~ 41%. #509754 is middle color (not dark and not light).

Yüzdelerle RGB renk parçaları

R + G + B =
80 + 151 + 84 = 315 (100%)
R 80 of 315 ~ 25.4%
G 151 of 315 ~ 47.94%
B 84 of 315 ~ 26.67%

%25.4

%47.94

%26.67

CMYK RENK MODELİ

#509754 rengi CMYK tonu (47,0,44,41).

camgöbeği tonu 47.02%
eflatun tonu 0.00%
sarı tonu 44.37%
ana renk tonu 40.78%

CMYK:
(47,0,44,41)
C47M0Y44K41 
(47%,0%,44%,41%)
(0.47/0.00/0.44/0.41)

CMYK yüzdeleri

%47.02

%44.37

%40.78

Codes

Color #509754 in popluar color models

	50	97	54
RGB	80	151	84
HSL	123°	30.74%	45.29%
HSB/HSV	123°	47.02%	59.22%
CMYK	47.02%	0.00%	44.37%
CMYK	40.78%

Color #509754 in popluar number systems.

HEX	50	97	54
Decimal	80	151	84
Binary	1010000	10010111	1010100
Octal	120	227	124

Shades and tints

Shades of #509754

#509754
(80,151,84)

#498A4D
(73,138,77)

#427D46
(66,125,70)

#3B703F
(59,112,63)

#346338
(52,99,56)

#2D5631
(45,86,49)

#26492A
(38,73,42)

#1F3C23
(31,60,35)

#182F1C
(24,47,28)

#112215
(17,34,21)

#0A150E
(10,21,14)

#000000
(0,0,0)

Tints of #509754

#509754
(80,151,84)

#5FA063
(95,160,99)

#6EA972
(110,169,114)

#7DB281
(125,178,129)

#8CBB90
(140,187,144)

#9BC49F
(155,196,159)

#AACDAE
(170,205,174)

#B9D6BD
(185,214,189)

#C8DFCC
(200,223,204)

#D7E8DB
(215,232,219)

#E6F1EA
(230,241,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #509754 color. Also use rgb(80,151,84) instead hex code.

Text Font Color

.myTextColor { color: #509754; }

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

This text font color is #509754.

Background Color

.myBgColor { background-color: #509754; }

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

This div background color is #509754.

Border color

.myBorderColor { border: 1px solid #509754; }

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

This div border color is #509754.

Opacity

.myOpacity80 { color: #509754; opacity: 0.8; }

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

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

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

This text has shadow with #509754 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #509754.

Preview

Color preview on black background

This text has color #509754 on black background.

Color preview on white background

This text has color #509754 on white background.

Black color preview on #509754 background

This text has black color on #509754 background.

White color preview on #509754 background

This text has white color on #509754 background.

COLOR #509754