COLOR #BCFBA6

HEX: #BCFBA6
RGB: (188,251,166)

Color info

#BCFBA6 contains mainly green color. Web safe color of #BCFBA6 is #CCFF99 (or #CF9).

RGB color model

#BCFBA6 color RGB value is (188,251,166).

  • red value is 188;
  • green value is 251;
  • blue value is 166.
RGB:
(188,251,166)
(74%,98%,65%)

RGB channels and saturation

R 188 of 255 = 74%
G 251 of 255 = 98%
B 166 of 255 = 65%

188
251
166

R + G + B ~ 79%. #BCFBA6 is quite light color.

Portions of RGB colors in percentages

R + G + B =
188 + 251 + 166 = 605 (100%)
R 188 of 605 ~ 31.07%
G 251 of 605 ~ 41.49%
B 166 of 605 ~ 27.44%

%31.07
%41.49
%27.44

CMYK color model

#BCFBA6 color CMYK value is (25,0,34,2).

  • cyan value is 25.10%
  • magenta value is 0.00%
  • yellow value is 33.86%
  • key color value is 1.57%
CMYK:
(25,0,34,2)
C25M0Y34K2 
(25%,0%,34%,2%)
(0.25/0.00/0.34/0.02)	

CMYK percentages

%25.1
%0
%33.86
%1.57

Codes

Color #BCFBA6 in popluar color models

BCFBA6
RGB188251166
HSL104°91.40%81.76%
HSB/HSV104°33.86%98.43%
CMYK25.10%0.00%33.86%
1.57%

Color #BCFBA6 in popluar number systems.

HEXBCFBA6
Decimal188251166
Binary101111001111101110100110
Octal274373246

Shades and tints

Shades of #BCFBA6

#BCFBA6
(188,251,166)
#ABE597
(171,229,151)
#9ACF88
(154,207,136)
#89B979
(137,185,121)
#78A36A
(120,163,106)
#678D5B
(103,141,91)
#56774C
(86,119,76)
#45613D
(69,97,61)
#344B2E
(52,75,46)
#23351F
(35,53,31)
#121F10
(18,31,16)
#000000
(0,0,0)

Tints of #BCFBA6

#BCFBA6
(188,251,166)
#C2FBAE
(194,251,174)
#C8FBB6
(200,251,182)
#CEFBBE
(206,251,190)
#D4FBC6
(212,251,198)
#DAFBCE
(218,251,206)
#E0FBD6
(224,251,214)
#E6FBDE
(230,251,222)
#ECFBE6
(236,251,230)
#F2FBEE
(242,251,238)
#F8FBF6
(248,251,246)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BCFBA6 color. Also use rgb(188,251,166) instead hex code.

Text Font Color

.myTextColor { color: #BCFBA6; }

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

This text font color is #BCFBA6.


Background Color

.myBgColor { background-color: #BCFBA6; }

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

This div background color is #BCFBA6.


Border color

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

<div style="border:3px solid #BCFBA6">Div</div>

This div border color is #BCFBA6.


Opacity

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

<p style="color:#BCFBA6;opacity:0.8;">80%</p>

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

<p style="text-shadow: 3px 3px 1px #BCFBA6">Text here.</p>

This text has shadow with #BCFBA6 color.

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

<p style="text-shadow: 3px 3px 1px #BCFBA6, 5px 5px 20px red">Text here.</p>

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


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

<p style="filter: Shadow(Color=#BCFBA6, Direction=45, Strength=4)">Text</p>

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #BCFBA6 on black background.


Color preview on white background

This text has color #BCFBA6 on white background.



Black color preview on #BCFBA6 background

This text has black color on #BCFBA6 background.


White color preview on #BCFBA6 background

This text has white color on #BCFBA6 background.