COLOR #BDEB7E

HEX: #BDEB7E
RGB: (189,235,126)

Color info

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

RGB color model

#BDEB7E color RGB value is (189,235,126).

  • red value is 189;
  • green value is 235;
  • blue value is 126.
RGB: (189,235,126) (74%,92%,49%)

RGB channels and saturation

R 189 of 255 = 74%
G 235 of 255 = 92%
B 126 of 255 = 49%

189
235
126

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

Portions of RGB colors in percentages

R + G + B =
189 + 235 + 126 = 550 (100%)
R 189 of 550 ~ 34.36%
G 235 of 550 ~ 42.73%
B 126 of 550 ~ 22.91%

%34.36
%42.73
%22.91

CMYK color model

#BDEB7E color CMYK value is (20,0,46,8).

  • cyan value is 19.57%
  • magenta value is 0.00%
  • yellow value is 46.38%
  • key color value is 7.84%
CMYK: (20,0,46,8) C20M0Y46K8 (20%,0%,46%,8%) (0.20/0.00/0.46/0.08)

CMYK percentages

%19.57
%0
%46.38
%7.84

Codes

Color #BDEB7E in popluar color models

BDEB7E
RGB189235126
HSL85°73.15%70.78%
HSB/HSV85°46.38%92.16%
CMYK19.57%0.00%46.38%
7.84%

Color #BDEB7E in popluar number systems.

HEXBDEB7E
Decimal189235126
Binary10111101111010111111110
Octal275353176

Shades and tints

Shades of #BDEB7E

#BDEB7E
(189,235,126)
#ACD673
(172,214,115)
#9BC168
(155,193,104)
#8AAC5D
(138,172,93)
#799752
(121,151,82)
#688247
(104,130,71)
#576D3C
(87,109,60)
#465831
(70,88,49)
#354326
(53,67,38)
#242E1B
(36,46,27)
#131910
(19,25,16)
#000000
(0,0,0)

Tints of #BDEB7E

#BDEB7E
(189,235,126)
#C3EC89
(195,236,137)
#C9ED94
(201,237,148)
#CFEE9F
(207,238,159)
#D5EFAA
(213,239,170)
#DBF0B5
(219,240,181)
#E1F1C0
(225,241,192)
#E7F2CB
(231,242,203)
#EDF3D6
(237,243,214)
#F3F4E1
(243,244,225)
#F9F5EC
(249,245,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BDEB7E color. Also use rgb(189,235,126) instead hex code.

Text Font Color

.myTextColor { color: #BDEB7E; }

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

This text font color is #BDEB7E.


Background Color

.myBgColor { background-color: #BDEB7E; }

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

This div background color is #BDEB7E.


Border color

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

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

This div border color is #BDEB7E.


Opacity

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

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

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

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

This text has shadow with #BDEB7E color.

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

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

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


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

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

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


Div box shadow color

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

Preview

Color preview on black background

This text has color #BDEB7E on black background.


Color preview on white background

This text has color #BDEB7E on white background.



Black color preview on #BDEB7E background

This text has black color on #BDEB7E background.


White color preview on #BDEB7E background

This text has white color on #BDEB7E background.