Color #BAF579

Color info

#BAF579 contains mainly red and green colors. Web safe color of #BAF579 is #CCFF66 (or #CF6).

RGB color model

#BAF579 color RGB value is (186,245,121).

red value is 186;
green value is 245;
blue value is 121.

RGB: (186,245,121) (73%, 96%, 47%)

RGB channels and saturation

R 186 of 255 = 73%
G 245 of 255 = 96%
B 121 of 255 = 47%

186

245

121

R + G + B ~ 72%. #BAF579 is quite light color.

Portions of RGB colors in percentages

R + G + B = 186 + 245 + 121 = 552 (100%)
R 186 of 552 ~ 33.7%
G 245 of 552 ~ 44.38%
B 121 of 552 ~ 21.92'%

%33.7

%44.38

%21.92

CMYK color model

#BAF579 color CMYK value is (24,0,51,4).

cyan value is 24.08%
magenta value is 0.00%
yellow value is 50.61%
key color value is 3.92%

CMYK: (24,0,51,4)
C24M0Y51K4 (24%, 0%, 51%, 4%)
(0.24 / 0.00 / 0.51 / 0.04)

CMYK percentages

%24.08

%0

%50.61

%3.92

Codes

Color #BAF579 in popluar color models

	BA	F5	79
RGB	186	245	121
HSL	89°	86.11%	71.76%
HSB/HSV	89°	50.61%	96.08%
CMYK	24.08%	0.00%	50.61%
CMYK	3.92%

Color #BAF579 in popluar number systems.

HEX	BA	F5	79
Decimal	186	245	121
Binary	10111010	11110101	1111001
Octal	272	365	171

Shades and tints

Shades of #BAF579

#BAF579
(186,245,121)

#AADF6E
(170,223,110)

#9AC963
(154,201,99)

#8AB358
(138,179,88)

#7A9D4D
(122,157,77)

#6A8742
(106,135,66)

#5A7137
(90,113,55)

#4A5B2C
(74,91,44)

#3A4521
(58,69,33)

#2A2F16
(42,47,22)

#1A190B
(26,25,11)

#000000
(0,0,0)

Tints of #BAF579

#BAF579
(186,245,121)

#C0F585
(192,245,133)

#C6F591
(198,245,145)

#CCF59D
(204,245,157)

#D2F5A9
(210,245,169)

#D8F5B5
(216,245,181)

#DEF5C1
(222,245,193)

#E4F5CD
(228,245,205)

#EAF5D9
(234,245,217)

#F0F5E5
(240,245,229)

#F6F5F1
(246,245,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BAF579 color. Also use rgb(186,245,121) instead hex code.

Text Font Color

.myTextColor { color: #BAF579; }

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

This text font color is #BAF579.

Background Color

.myBgColor { background-color: #BAF579; }

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

This div background color is #BAF579.

Border color

.myBorderColor { border: 1px solid #BAF579; }

This div border color is #BAF579.

Opacity

.myOpacity80 { color: #BAF579; opacity: 0.8; }

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

This text has shadow with #BAF579 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #BAF579.