COLOR #48A074

HEX: #48A074 RGB: (72,160,116)

Renk bilgisi
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Renk bilgisi

#48A074 contains mainly green and blue colors. #48A074 ‘ nin web güvenlik rengi #339966 (ya da #396) dir.

RGB renk modeli

#48A074 color RGB value is (72,160,116).

kırmız ton 72;
yeşil ton 160;
mavi ton 116.

RGB: (72,160,116) (28%, 63%, 45%)

RGB bağlantıları ve doygunluk

R 72 of 255 = 28%
G 160 of 255 = 63%
B 116 of 255 = 45%

160

116

R + G + B ~ 45%. #48A074 is middle color (not dark and not light).

Yüzdelerle RGB renk parçaları

R + G + B = 72 + 160 + 116 = 348 (100%)
R 72 of 348 ~ 20.69%
G 160 of 348 ~ 45.98%
B 116 of 348 ~ 33.33'%

%20.69

%45.98

%33.33

CMYK RENK MODELİ

#48A074 rengi CMYK tonu (55,0,28,37).

camgöbeği tonu 55.00%
eflatun tonu 0.00%
sarı tonu 27.50%
ana renk tonu 37.25%

CMYK: (55,0,28,37) C55M0Y28K37 (55%,0%,28%,37%) (0.55/0.00/0.28/0.37)

CMYK yüzdeleri

%55

%27.5

%37.25

Codes

Color #48A074 in popluar color models

	48	A0	74
RGB	72	160	116
HSL	150°	37.93%	45.49%
HSB/HSV	150°	55.00%	62.75%
CMYK	55.00%	0.00%	27.50%
CMYK	37.25%

Color #48A074 in popluar number systems.

HEX	48	A0	74
Decimal	72	160	116
Binary	1001000	10100000	1110100
Octal	110	240	164

Shades and tints

Shades of #48A074

#48A074
(72,160,116)

#42926A
(66,146,106)

#3C8460
(60,132,96)

#367656
(54,118,86)

#30684C
(48,104,76)

#2A5A42
(42,90,66)

#244C38
(36,76,56)

#1E3E2E
(30,62,46)

#183024
(24,48,36)

#12221A
(18,34,26)

#0C1410
(12,20,16)

#000000
(0,0,0)

Tints of #48A074

#48A074
(72,160,116)

#58A880
(88,168,128)

#68B08C
(104,176,140)

#78B898
(120,184,152)

#88C0A4
(136,192,164)

#98C8B0
(152,200,176)

#A8D0BC
(168,208,188)

#B8D8C8
(184,216,200)

#C8E0D4
(200,224,212)

#D8E8E0
(216,232,224)

#E8F0EC
(232,240,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #48A074 color. Also use rgb(72,160,116) instead hex code.

Text Font Color

.myTextColor { color: #48A074; }

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

This text font color is #48A074.

Background Color

.myBgColor { background-color: #48A074; }

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

This div background color is #48A074.

Border color

.myBorderColor { border: 1px solid #48A074; }

This div border color is #48A074.

Opacity

.myOpacity80 { color: #48A074; opacity: 0.8; }

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

This text has shadow with #48A074 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #48A074.