COLOR #84BBDB

HEX: #84BBDB RGB: (132,187,219)

Color info

#84BBDB contains mainly green and blue colors. Web safe color of #84BBDB is #99CCCC (or #9CC).

RGB color model

#84BBDB color RGB value is (132,187,219).

RGB: (132,187,219) (52%, 73%, 86%)

RGB channels and saturation

R 132 of 255 = 52%
G 187 of 255 = 73%
B 219 of 255 = 86%

132
187
219

R + G + B ~ 70%. #84BBDB is quite light color.

Portions of RGB colors in percentages

R + G + B = 132 + 187 + 219 = 538 (100%)
R 132 of 538 ~ 24.54%
G 187 of 538 ~ 34.76%
B 219 of 538 ~ 40.71'%

%24.54
%34.76
%40.71

CMYK color model

#84BBDB color CMYK value is (40,15,0,14).

  • cyan value is 39.73%
  • magenta value is 14.61%
  • yellow value is 0.00%
  • key color value is 14.12%
CMYK: (40,15,0,14) C40M15Y0K14 (40%,15%,0%,14%) (0.40/0.15/0.00/0.14) 

CMYK percentages

%39.73
%14.61
%0
%14.12

Codes

Color #84BBDB in popluar color models

84 BB DB
RGB 132 187 219
HSL 202° 54.72% 68.82%
HSB/HSV 202° 39.73% 85.88%
CMYK 39.73% 14.61% 0.00%
14.12%

Color #84BBDB in popluar number systems.

HEX 84 BB DB
Decimal 132 187 219
Binary 10000100 10111011 11011011
Octal 204 273 333

Shades and tints

Shades of #84BBDB

#84BBDB
(132,187,219)
#78AAC8
(120,170,200)
#6C99B5
(108,153,181)
#6088A2
(96,136,162)
#54778F
(84,119,143)
#48667C
(72,102,124)
#3C5569
(60,85,105)
#304456
(48,68,86)
#243343
(36,51,67)
#182230
(24,34,48)
#0C111D
(12,17,29)
#000000
(0,0,0)

Tints of #84BBDB

#84BBDB
(132,187,219)
#8FC1DE
(143,193,222)
#9AC7E1
(154,199,225)
#A5CDE4
(165,205,228)
#B0D3E7
(176,211,231)
#BBD9EA
(187,217,234)
#C6DFED
(198,223,237)
#D1E5F0
(209,229,240)
#DCEBF3
(220,235,243)
#E7F1F6
(231,241,246)
#F2F7F9
(242,247,249)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #84BBDB color. Also use rgb(132,187,219) instead hex code.

Text Font Color

.myTextColor { color: #84BBDB; }

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

This text font color is #84BBDB.

Background Color

.myBgColor { background-color: #84BBDB; }

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

This div background color is #84BBDB.

Border color

.myBorderColor { border: 1px solid #84BBDB; }

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

This div border color is #84BBDB.

Opacity

.myOpacity80 { color: #84BBDB; opacity: 0.8; }

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

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

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

This text has shadow with #84BBDB color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #84BBDB.

Preview

Color preview on black background

This text has color #84BBDB on black background.


Color preview on white background

This text has color #84BBDB on white background.


Black color preview on #84BBDB background

This text has black color on #84BBDB background.


White color preview on #84BBDB background

This text has white color on #84BBDB background.


Related colors

Complementary color

Complementary color for #hex is #7B4424.


I love getcolorcode.com

Triadic colors

1 #DB84BB and #BBDB84 with #84BBDB are triadic colors.

2 #DBBB84 and #BB84DB with #84BBDB are triadic colors.