Color #4CB298

Color info

#4CB298 contains mainly green and blue colors. Web safe color of #4CB298 is #339999 (or #399).

RGB color model

#4CB298 color RGB value is (76,178,152).

red value is 76;
green value is 178;
blue value is 152.

RGB: (76,178,152) (30%, 70%, 60%)

RGB channels and saturation

R 76 of 255 = 30%
G 178 of 255 = 70%
B 152 of 255 = 60%

76

178

152

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

Portions of RGB colors in percentages

R + G + B = 76 + 178 + 152 = 406 (100%)
R 76 of 406 ~ 18.72%
G 178 of 406 ~ 43.84%
B 152 of 406 ~ 37.44'%

%18.72

%43.84

%37.44

CMYK color model

#4CB298 color CMYK value is (57,0,15,30).

cyan value is 57.30%
magenta value is 0.00%
yellow value is 14.61%
key color value is 30.20%

CMYK: (57,0,15,30)
C57M0Y15K30 (57%, 0%, 15%, 30%)
(0.57 / 0.00 / 0.15 / 0.30)

CMYK percentages

%57.3

%0

%14.61

%30.2

Codes

Color #4CB298 in popluar color models

	4C	B2	98
RGB	76	178	152
HSL	165°	40.16%	49.80%
HSB/HSV	165°	57.30%	69.80%
CMYK	57.30%	0.00%	14.61%
CMYK	30.20%

Color #4CB298 in popluar number systems.

HEX	4C	B2	98
Decimal	76	178	152
Binary	1001100	10110010	10011000
Octal	114	262	230

Shades and tints

Shades of #4CB298

#4CB298
(76,178,152)

#46A28B
(70,162,139)

#40927E
(64,146,126)

#3A8271
(58,130,113)

#347264
(52,114,100)

#2E6257
(46,98,87)

#28524A
(40,82,74)

#22423D
(34,66,61)

#1C3230
(28,50,48)

#162223
(22,34,35)

#101216
(16,18,22)

#000000
(0,0,0)

Tints of #4CB298

#4CB298
(76,178,152)

#5CB9A1
(92,185,161)

#6CC0AA
(108,192,170)

#7CC7B3
(124,199,179)

#8CCEBC
(140,206,188)

#9CD5C5
(156,213,197)

#ACDCCE
(172,220,206)

#BCE3D7
(188,227,215)

#CCEAE0
(204,234,224)

#DCF1E9
(220,241,233)

#ECF8F2
(236,248,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4CB298 color. Also use rgb(76,178,152) instead hex code.

Text Font Color

.myTextColor { color: #4CB298; }

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

This text font color is #4CB298.

Background Color

.myBgColor { background-color: #4CB298; }

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

This div background color is #4CB298.

Border color

.myBorderColor { border: 1px solid #4CB298; }

This div border color is #4CB298.

Opacity

.myOpacity80 { color: #4CB298; opacity: 0.8; }

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

This text has shadow with #4CB298 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #4CB298.