COLOR #B1ECDD

HEX: #B1ECDD RGB: (177,236,221)

Color info

#B1ECDD contains red, green and blue colors in about the same proportion. Web safe color of #B1ECDD is #99FFCC (or #9FC).

RGB color model

#B1ECDD color RGB value is (177,236,221).

RGB: (177,236,221) (69%, 93%, 87%)

RGB channels and saturation

R 177 of 255 = 69%
G 236 of 255 = 93%
B 221 of 255 = 87%

177
236
221

R + G + B ~ 83%. #B1ECDD is quite light color.

Portions of RGB colors in percentages

R + G + B = 177 + 236 + 221 = 634 (100%)
R 177 of 634 ~ 27.92%
G 236 of 634 ~ 37.22%
B 221 of 634 ~ 34.86'%

%27.92
%37.22
%34.86

CMYK color model

#B1ECDD color CMYK value is (25,0,6,7).

  • cyan value is 25.00%
  • magenta value is 0.00%
  • yellow value is 6.36%
  • key color value is 7.45%

CMYK: (25,0,6,7)
C25M0Y6K7 (25%, 0%, 6%, 7%)
(0.25 / 0.00 / 0.06 / 0.07)

CMYK percentages

%25
%0
%6.36
%7.45

Codes

Color #B1ECDD in popluar color models

B1 EC DD
RGB 177 236 221
HSL 165° 60.82% 80.98%
HSB/HSV 165° 25.00% 92.55%
CMYK 25.00% 0.00% 6.36%
7.45%

Color #B1ECDD in popluar number systems.

HEX B1 EC DD
Decimal 177 236 221
Binary 10110001 11101100 11011101
Octal 261 354 335

Shades and tints

Shades of #B1ECDD

#B1ECDD
(177,236,221)
#A1D7C9
(161,215,201)
#91C2B5
(145,194,181)
#81ADA1
(129,173,161)
#71988D
(113,152,141)
#618379
(97,131,121)
#516E65
(81,110,101)
#415951
(65,89,81)
#31443D
(49,68,61)
#212F29
(33,47,41)
#111A15
(17,26,21)
#000000
(0,0,0)

Tints of #B1ECDD

#B1ECDD
(177,236,221)
#B8EDE0
(184,237,224)
#BFEEE3
(191,238,227)
#C6EFE6
(198,239,230)
#CDF0E9
(205,240,233)
#D4F1EC
(212,241,236)
#DBF2EF
(219,242,239)
#E2F3F2
(226,243,242)
#E9F4F5
(233,244,245)
#F0F5F8
(240,245,248)
#F7F6FB
(247,246,251)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B1ECDD color. Also use rgb(177,236,221) instead hex code.

Text Font Color

.myTextColor { color: #B1ECDD; }

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

This text font color is #B1ECDD.

Background Color

.myBgColor { background-color: #B1ECDD; }

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

This div background color is #B1ECDD.

Border color

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

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

This div border color is #B1ECDD.

Opacity

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

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

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

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

This text has shadow with #B1ECDD color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #B1ECDD.

Preview

Color preview on black background

This text has color #B1ECDD on black background.


Color preview on white background

This text has color #B1ECDD on white background.


Black color preview on #B1ECDD background

This text has black color on #B1ECDD background.


White color preview on #B1ECDD background

This text has white color on #B1ECDD background.


Related colors

Complementary color

Complementary color for #hex is #4E1322.


I love getcolorcode.com

Triadic colors

1 #DDB1EC and #ECDDB1 with #B1ECDD are triadic colors.

2 #DDECB1 and #ECB1DD with #B1ECDD are triadic colors.