COLOR #BDB6DF

HEX: #BDB6DF RGB: (189,182,223)

Color info

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

RGB color model

#BDB6DF color RGB value is (189,182,223).

RGB: (189,182,223) (74%, 71%, 87%)

RGB channels and saturation

R 189 of 255 = 74%
G 182 of 255 = 71%
B 223 of 255 = 87%

189
182
223

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

Portions of RGB colors in percentages

R + G + B = 189 + 182 + 223 = 594 (100%)
R 189 of 594 ~ 31.82%
G 182 of 594 ~ 30.64%
B 223 of 594 ~ 37.54'%

%31.82
%30.64
%37.54

CMYK color model

#BDB6DF color CMYK value is (15,18,0,13).

  • cyan value is 15.25%
  • magenta value is 18.39%
  • yellow value is 0.00%
  • key color value is 12.55%
CMYK: (15,18,0,13) C15M18Y0K13 (15%,18%,0%,13%) (0.15/0.18/0.00/0.13)

CMYK percentages

%15.25
%18.39
%0
%12.55

Codes

Color #BDB6DF in popluar color models

BD B6 DF
RGB 189 182 223
HSL 250° 39.05% 79.41%
HSB/HSV 250° 18.39% 87.45%
CMYK 15.25% 18.39% 0.00%
12.55%

Color #BDB6DF in popluar number systems.

HEX BD B6 DF
Decimal 189 182 223
Binary 10111101 10110110 11011111
Octal 275 266 337

Shades and tints

Shades of #BDB6DF

#BDB6DF
(189,182,223)
#ACA6CB
(172,166,203)
#9B96B7
(155,150,183)
#8A86A3
(138,134,163)
#79768F
(121,118,143)
#68667B
(104,102,123)
#575667
(87,86,103)
#464653
(70,70,83)
#35363F
(53,54,63)
#24262B
(36,38,43)
#131617
(19,22,23)
#000000
(0,0,0)

Tints of #BDB6DF

#BDB6DF
(189,182,223)
#C3BCE1
(195,188,225)
#C9C2E3
(201,194,227)
#CFC8E5
(207,200,229)
#D5CEE7
(213,206,231)
#DBD4E9
(219,212,233)
#E1DAEB
(225,218,235)
#E7E0ED
(231,224,237)
#EDE6EF
(237,230,239)
#F3ECF1
(243,236,241)
#F9F2F3
(249,242,243)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #BDB6DF color. Also use rgb(189,182,223) instead hex code.

Text Font Color

.myTextColor { color: #BDB6DF; }

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

This text font color is #BDB6DF.

Background Color

.myBgColor { background-color: #BDB6DF; }

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

This div background color is #BDB6DF.

Border color

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

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

This div border color is #BDB6DF.

Opacity

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

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

Text with #BDB6DF 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 #'.$colorObj['hex'].';}

<p style="text-shadow: 3px 3px 1px #'.$colorObj['hex'].'">Text here.</p>

'.str_replace('%color%',$colorObj['hex'],$lang['color_style_text_shadow_sample']).'

.textShadow {text-shadow: 3px 3px 1px #'.$colorObj['hex'].', 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #'.$colorObj['hex'].', 5px 5px 20px red">Text here.</p>

'.str_replace('%color%',$colorObj['hex'],$lang['color_style_text_shadow_sample2']).'


Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#'.$colorObj['hex'].', Direction=45, Strength=4)}

<p style="filter: Shadow(Color=#'.$colorObj['hex'].', Direction=45, Strength=4)">Text</p>

This text has shadow with #'.$colorObj['hex'].' and red colors in old Internet Explorer.


'.$lang['color_style_box_shadow'].'

 /* css code */ .divShadow { -moz-box-shadow: 1px 1px 3px 2px #'.$colorObj['hex'].'; -webkit-box-shadow: 1px 1px 3px 2px #'.$colorObj['hex'].'; box-shadow: 1px 1px 3px 2px #'.$colorObj['hex'].'; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #'.$colorObj['hex'].'; -webkit-box-shadow: 1px 1px 3px 2px #'.$colorObj['hex'].'; box-shadow:1px 1px 3px 2px #'.$colorObj['hex'].';">
Div content here</div>
'.str_replace('%color%',$colorObj['hex'],$lang['color_style_box_shadow_sample']).'

Preview

Color preview on black background

This text has color #BDB6DF on black background.


Color preview on white background

This text has color #BDB6DF on white background.


Black color preview on #BDB6DF background

This text has black color on #BDB6DF background.


White color preview on #BDB6DF background

This text has white color on #BDB6DF background.


↑