COLOR #B8DD43

HEX: #B8DD43
RGB: (184,221,67)

Color info

#B8DD43 contains mainly red and green colors. Web safe color of #B8DD43 is #CCCC33 (or #CC3).

RGB color model

#B8DD43 color RGB value is (184,221,67).

  • red value is 184;
  • green value is 221;
  • blue value is 67.
RGB:
(184,221,67)
(72%,87%,26%)

RGB channels and saturation

R 184 of 255 = 72%
G 221 of 255 = 87%
B 67 of 255 = 26%

184
221
67

R + G + B ~ 62%. #B8DD43 is quite light color.

Portions of RGB colors in percentages

R + G + B =
184 + 221 + 67 = 472 (100%)
R 184 of 472 ~ 38.98%
G 221 of 472 ~ 46.82%
B 67 of 472 ~ 14.19%

%38.98
%46.82
%14.19

CMYK color model

#B8DD43 color CMYK value is (17,0,70,13).

  • cyan value is 16.74%
  • magenta value is 0.00%
  • yellow value is 69.68%
  • key color value is 13.33%
CMYK:
(17,0,70,13)
C17M0Y70K13 
(17%,0%,70%,13%)
(0.17/0.00/0.70/0.13)	

CMYK percentages

%16.74
%0
%69.68
%13.33

Codes

Color #B8DD43 in popluar color models

B8DD43
RGB18422167
HSL74°69.37%56.47%
HSB/HSV74°69.68%86.67%
CMYK16.74%0.00%69.68%
13.33%

Color #B8DD43 in popluar number systems.

HEXB8DD43
Decimal18422167
Binary10111000110111011000011
Octal270335103

Shades and tints

Shades of #B8DD43

#B8DD43
(184,221,67)
#A8C93D
(168,201,61)
#98B537
(152,181,55)
#88A131
(136,161,49)
#788D2B
(120,141,43)
#687925
(104,121,37)
#58651F
(88,101,31)
#485119
(72,81,25)
#383D13
(56,61,19)
#28290D
(40,41,13)
#181507
(24,21,7)
#000000
(0,0,0)

Tints of #B8DD43

#B8DD43
(184,221,67)
#BEE054
(190,224,84)
#C4E365
(196,227,101)
#CAE676
(202,230,118)
#D0E987
(208,233,135)
#D6EC98
(214,236,152)
#DCEFA9
(220,239,169)
#E2F2BA
(226,242,186)
#E8F5CB
(232,245,203)
#EEF8DC
(238,248,220)
#F4FBED
(244,251,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B8DD43 color. Also use rgb(184,221,67) instead hex code.

Text Font Color

.myTextColor { color: #B8DD43; }

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

This text font color is #B8DD43.


Background Color

.myBgColor { background-color: #B8DD43; }

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

This div background color is #B8DD43.


Border color

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

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

This div border color is #B8DD43.


Opacity

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

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

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

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

This text has shadow with #B8DD43 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #B8DD43 on black background.


Color preview on white background

This text has color #B8DD43 on white background.



Black color preview on #B8DD43 background

This text has black color on #B8DD43 background.


White color preview on #B8DD43 background

This text has white color on #B8DD43 background.