COLOR #B5BEDB

HEX: #B5BEDB
RGB: (181,190,219)

Color info

#B5BEDB contains red, green and blue colors in about the same proportion. Web safe color of #B5BEDB is #CCCCCC (or #CCC).

RGB color model

#B5BEDB color RGB value is (181,190,219).

  • red value is 181;
  • green value is 190;
  • blue value is 219.
RGB:
(181,190,219)
(71%,75%,86%)

RGB channels and saturation

R 181 of 255 = 71%
G 190 of 255 = 75%
B 219 of 255 = 86%

181
190
219

R + G + B ~ 77%. #B5BEDB is quite light color.

Portions of RGB colors in percentages

R + G + B =
181 + 190 + 219 = 590 (100%)
R 181 of 590 ~ 30.68%
G 190 of 590 ~ 32.2%
B 219 of 590 ~ 37.12%

%30.68
%32.2
%37.12

CMYK color model

#B5BEDB color CMYK value is (17,13,0,14).

  • cyan value is 17.35%
  • magenta value is 13.24%
  • yellow value is 0.00%
  • key color value is 14.12%
CMYK:
(17,13,0,14)
C17M13Y0K14 
(17%,13%,0%,14%)
(0.17/0.13/0.00/0.14)	

CMYK percentages

%17.35
%13.24
%0
%14.12

Codes

Color #B5BEDB in popluar color models

B5BEDB
RGB181190219
HSL226°34.55%78.43%
HSB/HSV226°17.35%85.88%
CMYK17.35%13.24%0.00%
14.12%

Color #B5BEDB in popluar number systems.

HEXB5BEDB
Decimal181190219
Binary101101011011111011011011
Octal265276333

Shades and tints

Shades of #B5BEDB

#B5BEDB
(181,190,219)
#A5ADC8
(165,173,200)
#959CB5
(149,156,181)
#858BA2
(133,139,162)
#757A8F
(117,122,143)
#65697C
(101,105,124)
#555869
(85,88,105)
#454756
(69,71,86)
#353643
(53,54,67)
#252530
(37,37,48)
#15141D
(21,20,29)
#000000
(0,0,0)

Tints of #B5BEDB

#B5BEDB
(181,190,219)
#BBC3DE
(187,195,222)
#C1C8E1
(193,200,225)
#C7CDE4
(199,205,228)
#CDD2E7
(205,210,231)
#D3D7EA
(211,215,234)
#D9DCED
(217,220,237)
#DFE1F0
(223,225,240)
#E5E6F3
(229,230,243)
#EBEBF6
(235,235,246)
#F1F0F9
(241,240,249)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B5BEDB color. Also use rgb(181,190,219) instead hex code.

Text Font Color

.myTextColor { color: #B5BEDB; }

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

This text font color is #B5BEDB.


Background Color

.myBgColor { background-color: #B5BEDB; }

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

This div background color is #B5BEDB.


Border color

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

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

This div border color is #B5BEDB.


Opacity

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

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

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

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

This text has shadow with #B5BEDB color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #B5BEDB on black background.


Color preview on white background

This text has color #B5BEDB on white background.



Black color preview on #B5BEDB background

This text has black color on #B5BEDB background.


White color preview on #B5BEDB background

This text has white color on #B5BEDB background.