COLOR #BDD09A

HEX: #BDD09A RGB: (189,208,154)

Color info

#BDD09A contains red, green and blue colors in about the same proportion. Web safe color of #BDD09A is #CCCC99 (or #CC9).

RGB color model

#BDD09A color RGB value is (189,208,154).

RGB: (189,208,154) (74%, 82%, 60%)

RGB channels and saturation

R 189 of 255 = 74%
G 208 of 255 = 82%
B 154 of 255 = 60%

189
208
154

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

Portions of RGB colors in percentages

R + G + B = 189 + 208 + 154 = 551 (100%)
R 189 of 551 ~ 34.3%
G 208 of 551 ~ 37.75%
B 154 of 551 ~ 27.95'%

%34.3
%37.75
%27.95

CMYK color model

#BDD09A color CMYK value is (9,0,26,18).

  • cyan value is 9.13%
  • magenta value is 0.00%
  • yellow value is 25.96%
  • key color value is 18.43%

CMYK: (9,0,26,18)
C9M0Y26K18 (9%, 0%, 26%, 18%)
(0.09 / 0.00 / 0.26 / 0.18)

CMYK percentages

%9.13
%0
%25.96
%18.43

Codes

Color #BDD09A in popluar color models

BD D0 9A
RGB 189 208 154
HSL 81° 36.49% 70.98%
HSB/HSV 81° 25.96% 81.57%
CMYK 9.13% 0.00% 25.96%
18.43%

Color #BDD09A in popluar number systems.

HEX BD D0 9A
Decimal 189 208 154
Binary 10111101 11010000 10011010
Octal 275 320 232

Shades and tints

Shades of #BDD09A

#BDD09A
(189,208,154)
#ACBE8C
(172,190,140)
#9BAC7E
(155,172,126)
#8A9A70
(138,154,112)
#798862
(121,136,98)
#687654
(104,118,84)
#576446
(87,100,70)
#465238
(70,82,56)
#35402A
(53,64,42)
#242E1C
(36,46,28)
#131C0E
(19,28,14)
#000000
(0,0,0)

Tints of #BDD09A

#BDD09A
(189,208,154)
#C3D4A3
(195,212,163)
#C9D8AC
(201,216,172)
#CFDCB5
(207,220,181)
#D5E0BE
(213,224,190)
#DBE4C7
(219,228,199)
#E1E8D0
(225,232,208)
#E7ECD9
(231,236,217)
#EDF0E2
(237,240,226)
#F3F4EB
(243,244,235)
#F9F8F4
(249,248,244)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BDD09A color. Also use rgb(189,208,154) instead hex code.

Text Font Color

.myTextColor { color: #BDD09A; }

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

This text font color is #BDD09A.

Background Color

.myBgColor { background-color: #BDD09A; }

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

This div background color is #BDD09A.

Border color

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

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

This div border color is #BDD09A.

Opacity

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

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

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

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

This text has shadow with #BDD09A color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #BDD09A.

Preview

Color preview on black background

This text has color #BDD09A on black background.


Color preview on white background

This text has color #BDD09A on white background.


Black color preview on #BDD09A background

This text has black color on #BDD09A background.


White color preview on #BDD09A background

This text has white color on #BDD09A background.


Related colors

Complementary color

Complementary color for #hex is #422F65.


I love getcolorcode.com

Triadic colors

1 #9ABDD0 and #D09ABD with #BDD09A are triadic colors.

2 #9AD0BD and #D0BD9A with #BDD09A are triadic colors.