Color #BAE192

Color info

#BAE192 contains mainly red and green colors. Web safe color of #BAE192 is #CCCC99 (or #CC9).

RGB color model

#BAE192 color RGB value is (186,225,146).

red value is 186;
green value is 225;
blue value is 146.

RGB: (186,225,146) (73%, 88%, 57%)

RGB channels and saturation

R 186 of 255 = 73%
G 225 of 255 = 88%
B 146 of 255 = 57%

186

225

146

R + G + B ~ 73%. #BAE192 is quite light color.

Portions of RGB colors in percentages

R + G + B = 186 + 225 + 146 = 557 (100%)
R 186 of 557 ~ 33.39%
G 225 of 557 ~ 40.39%
B 146 of 557 ~ 26.21'%

%33.39

%40.39

%26.21

CMYK color model

#BAE192 color CMYK value is (17,0,35,12).

cyan value is 17.33%
magenta value is 0.00%
yellow value is 35.11%
key color value is 11.76%

CMYK: (17,0,35,12)
C17M0Y35K12 (17%, 0%, 35%, 12%)
(0.17 / 0.00 / 0.35 / 0.12)

CMYK percentages

%17.33

%0

%35.11

%11.76

Codes

Color #BAE192 in popluar color models

	BA	E1	92
RGB	186	225	146
HSL	90°	56.83%	72.75%
HSB/HSV	90°	35.11%	88.24%
CMYK	17.33%	0.00%	35.11%
CMYK	11.76%

Color #BAE192 in popluar number systems.

HEX	BA	E1	92
Decimal	186	225	146
Binary	10111010	11100001	10010010
Octal	272	341	222

Shades and tints

Shades of #BAE192

#BAE192
(186,225,146)

#AACD85
(170,205,133)

#9AB978
(154,185,120)

#8AA56B
(138,165,107)

#7A915E
(122,145,94)

#6A7D51
(106,125,81)

#5A6944
(90,105,68)

#4A5537
(74,85,55)

#3A412A
(58,65,42)

#2A2D1D
(42,45,29)

#1A1910
(26,25,16)

#000000
(0,0,0)

Tints of #BAE192

#BAE192
(186,225,146)

#C0E39B
(192,227,155)

#C6E5A4
(198,229,164)

#CCE7AD
(204,231,173)

#D2E9B6
(210,233,182)

#D8EBBF
(216,235,191)

#DEEDC8
(222,237,200)

#E4EFD1
(228,239,209)

#EAF1DA
(234,241,218)

#F0F3E3
(240,243,227)

#F6F5EC
(246,245,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BAE192 color. Also use rgb(186,225,146) instead hex code.

Text Font Color

.myTextColor { color: #BAE192; }

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

This text font color is #BAE192.

Background Color

.myBgColor { background-color: #BAE192; }

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

This div background color is #BAE192.

Border color

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

This div border color is #BAE192.

Opacity

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

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

This text has shadow with #BAE192 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #BAE192.