Color #55C480 hex code, color models, shades and preview

Renk bilgisi

#55C480 contains mainly green color. #55C480 ‘ nin web güvenlik rengi #66CC66 (ya da #6C6) dir.

RGB renk modeli

#55C480 color RGB value is (85,196,128).

kırmız ton 85;
yeşil ton 196;
mavi ton 128.

RGB:
(85,196,128)
(33%,77%,50%)

RGB bağlantıları ve doygunluk

R 85 of 255 = 33%
G 196 of 255 = 77%
B 128 of 255 = 50%

196

128

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

Yüzdelerle RGB renk parçaları

R + G + B =
85 + 196 + 128 = 409 (100%)
R 85 of 409 ~ 20.78%
G 196 of 409 ~ 47.92%
B 128 of 409 ~ 31.3%

%20.78

%47.92

%31.3

CMYK RENK MODELİ

#55C480 rengi CMYK tonu (57,0,35,23).

camgöbeği tonu 56.63%
eflatun tonu 0.00%
sarı tonu 34.69%
ana renk tonu 23.14%

CMYK:
(57,0,35,23)
C57M0Y35K23 
(57%,0%,35%,23%)
(0.57/0.00/0.35/0.23)

CMYK yüzdeleri

%56.63

%34.69

%23.14

Codes

Color #55C480 in popluar color models

	55	C4	80
RGB	85	196	128
HSL	143°	48.47%	55.10%
HSB/HSV	143°	56.63%	76.86%
CMYK	56.63%	0.00%	34.69%
CMYK	23.14%

Color #55C480 in popluar number systems.

HEX	55	C4	80
Decimal	85	196	128
Binary	1010101	11000100	10000000
Octal	125	304	200

Shades and tints

Shades of #55C480

#55C480
(85,196,128)

#4EB375
(78,179,117)

#47A26A
(71,162,106)

#40915F
(64,145,95)

#398054
(57,128,84)

#326F49
(50,111,73)

#2B5E3E
(43,94,62)

#244D33
(36,77,51)

#1D3C28
(29,60,40)

#162B1D
(22,43,29)

#0F1A12
(15,26,18)

#000000
(0,0,0)

Tints of #55C480

#55C480
(85,196,128)

#64C98B
(100,201,139)

#73CE96
(115,206,150)

#82D3A1
(130,211,161)

#91D8AC
(145,216,172)

#A0DDB7
(160,221,183)

#AFE2C2
(175,226,194)

#BEE7CD
(190,231,205)

#CDECD8
(205,236,216)

#DCF1E3
(220,241,227)

#EBF6EE
(235,246,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #55C480 color. Also use rgb(85,196,128) instead hex code.

Text Font Color

.myTextColor { color: #55C480; }

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

This text font color is #55C480.

Background Color

.myBgColor { background-color: #55C480; }

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

This div background color is #55C480.

Border color

.myBorderColor { border: 1px solid #55C480; }

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

This div border color is #55C480.

Opacity

.myOpacity80 { color: #55C480; opacity: 0.8; }

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

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

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

This text has shadow with #55C480 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #55C480.

Preview

Color preview on black background

This text has color #55C480 on black background.

Color preview on white background

This text has color #55C480 on white background.

Black color preview on #55C480 background

This text has black color on #55C480 background.

White color preview on #55C480 background

This text has white color on #55C480 background.

COLOR #55C480