Color #48F172

Color info

#48F172 contains mainly green color. Web safe color of #48F172 is #33FF66 (or #3F6).

RGB color model

#48F172 color RGB value is (72,241,114).

red value is 72;
green value is 241;
blue value is 114.

RGB: (72,241,114) (28%, 95%, 45%)

RGB channels and saturation

R 72 of 255 = 28%
G 241 of 255 = 95%
B 114 of 255 = 45%

72

241

114

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

Portions of RGB colors in percentages

R + G + B = 72 + 241 + 114 = 427 (100%)
R 72 of 427 ~ 16.86%
G 241 of 427 ~ 56.44%
B 114 of 427 ~ 26.7'%

%16.86

%56.44

%26.7

CMYK color model

#48F172 color CMYK value is (70,0,53,5).

cyan value is 70.12%
magenta value is 0.00%
yellow value is 52.70%
key color value is 5.49%

CMYK: (70,0,53,5)
C70M0Y53K5 (70%, 0%, 53%, 5%)
(0.70 / 0.00 / 0.53 / 0.05)

CMYK percentages

%70.12

%0

%52.7

%5.49

Codes

Color #48F172 in popluar color models

	48	F1	72
RGB	72	241	114
HSL	135°	85.79%	61.37%
HSB/HSV	135°	70.12%	94.51%
CMYK	70.12%	0.00%	52.70%
CMYK	5.49%

Color #48F172 in popluar number systems.

HEX	48	F1	72
Decimal	72	241	114
Binary	1001000	11110001	1110010
Octal	110	361	162

Shades and tints

Shades of #48F172

#48F172
(72,241,114)

#42DC68
(66,220,104)

#3CC75E
(60,199,94)

#36B254
(54,178,84)

#309D4A
(48,157,74)

#2A8840
(42,136,64)

#247336
(36,115,54)

#1E5E2C
(30,94,44)

#184922
(24,73,34)

#123418
(18,52,24)

#0C1F0E
(12,31,14)

#000000
(0,0,0)

Tints of #48F172

#48F172
(72,241,114)

#58F27E
(88,242,126)

#68F38A
(104,243,138)

#78F496
(120,244,150)

#88F5A2
(136,245,162)

#98F6AE
(152,246,174)

#A8F7BA
(168,247,186)

#B8F8C6
(184,248,198)

#C8F9D2
(200,249,210)

#D8FADE
(216,250,222)

#E8FBEA
(232,251,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #48F172 color. Also use rgb(72,241,114) instead hex code.

Text Font Color

.myTextColor { color: #48F172; }

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

This text font color is #48F172.

Background Color

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

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

This div background color is #48F172.

Border color

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

This div border color is #48F172.

Opacity

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

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

This text has shadow with #48F172 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #48F172.