COLOR #53A756

HEX: #53A756 RGB: (83,167,86)

Renk bilgisi
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Renk bilgisi

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

RGB renk modeli

#53A756 color RGB value is (83,167,86).

kırmız ton 83;
yeşil ton 167;
mavi ton 86.

RGB: (83,167,86) (33%, 65%, 34%)

RGB bağlantıları ve doygunluk

R 83 of 255 = 33%
G 167 of 255 = 65%
B 86 of 255 = 34%

167

R + G + B ~ 44%. #53A756 is middle color (not dark and not light).

Yüzdelerle RGB renk parçaları

R + G + B = 83 + 167 + 86 = 336 (100%)
R 83 of 336 ~ 24.7%
G 167 of 336 ~ 49.7%
B 86 of 336 ~ 25.6'%

%24.7

%49.7

%25.6

CMYK RENK MODELİ

#53A756 rengi CMYK tonu (50,0,49,35).

camgöbeği tonu 50.30%
eflatun tonu 0.00%
sarı tonu 48.50%
ana renk tonu 34.51%

CMYK: (50,0,49,35) C50M0Y49K35 (50%,0%,49%,35%) (0.50/0.00/0.49/0.35)

CMYK yüzdeleri

%50.3

%48.5

%34.51

Codes

Color #53A756 in popluar color models

	53	A7	56
RGB	83	167	86
HSL	122°	33.60%	49.02%
HSB/HSV	122°	50.30%	65.49%
CMYK	50.30%	0.00%	48.50%
CMYK	34.51%

Color #53A756 in popluar number systems.

HEX	53	A7	56
Decimal	83	167	86
Binary	1010011	10100111	1010110
Octal	123	247	126

Shades and tints

Shades of #53A756

#53A756
(83,167,86)

#4C984F
(76,152,79)

#458948
(69,137,72)

#3E7A41
(62,122,65)

#376B3A
(55,107,58)

#305C33
(48,92,51)

#294D2C
(41,77,44)

#223E25
(34,62,37)

#1B2F1E
(27,47,30)

#142017
(20,32,23)

#0D1110
(13,17,16)

#000000
(0,0,0)

Tints of #53A756

#53A756
(83,167,86)

#62AF65
(98,175,101)

#71B774
(113,183,116)

#80BF83
(128,191,131)

#8FC792
(143,199,146)

#9ECFA1
(158,207,161)

#ADD7B0
(173,215,176)

#BCDFBF
(188,223,191)

#CBE7CE
(203,231,206)

#DAEFDD
(218,239,221)

#E9F7EC
(233,247,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #53A756 color. Also use rgb(83,167,86) instead hex code.

Text Font Color

.myTextColor { color: #53A756; }

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

This text font color is #53A756.

Background Color

.myBgColor { background-color: #53A756; }

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

This div background color is #53A756.

Border color

.myBorderColor { border: 1px solid #53A756; }

This div border color is #53A756.

Opacity

.myOpacity80 { color: #53A756; opacity: 0.8; }

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

This text has shadow with #53A756 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #53A756.