COLOR #84BEAC

HEX: #84BEAC RGB: (132,190,172)

Color info

#84BEAC contains red, green and blue colors in about the same proportion. Web safe color of #84BEAC is #99CC99 (or #9C9).

RGB color model

#84BEAC color RGB value is (132,190,172).

RGB: (132,190,172) (52%, 75%, 67%)

RGB channels and saturation

R 132 of 255 = 52%
G 190 of 255 = 75%
B 172 of 255 = 67%

132
190
172

R + G + B ~ 65%. #84BEAC is quite light color.

Portions of RGB colors in percentages

R + G + B = 132 + 190 + 172 = 494 (100%)
R 132 of 494 ~ 26.72%
G 190 of 494 ~ 38.46%
B 172 of 494 ~ 34.82'%

%26.72
%38.46
%34.82

CMYK color model

#84BEAC color CMYK value is (31,0,9,25).

  • cyan value is 30.53%
  • magenta value is 0.00%
  • yellow value is 9.47%
  • key color value is 25.49%

CMYK: (31,0,9,25)
C31M0Y9K25 (31%, 0%, 9%, 25%)
(0.31 / 0.00 / 0.09 / 0.25)

CMYK percentages

%30.53
%0
%9.47
%25.49

Codes

Color #84BEAC in popluar color models

84 BE AC
RGB 132 190 172
HSL 161° 30.85% 63.14%
HSB/HSV 161° 30.53% 74.51%
CMYK 30.53% 0.00% 9.47%
25.49%

Color #84BEAC in popluar number systems.

HEX 84 BE AC
Decimal 132 190 172
Binary 10000100 10111110 10101100
Octal 204 276 254

Shades and tints

Shades of #84BEAC

#84BEAC
(132,190,172)
#78AD9D
(120,173,157)
#6C9C8E
(108,156,142)
#608B7F
(96,139,127)
#547A70
(84,122,112)
#486961
(72,105,97)
#3C5852
(60,88,82)
#304743
(48,71,67)
#243634
(36,54,52)
#182525
(24,37,37)
#0C1416
(12,20,22)
#000000
(0,0,0)

Tints of #84BEAC

#84BEAC
(132,190,172)
#8FC3B3
(143,195,179)
#9AC8BA
(154,200,186)
#A5CDC1
(165,205,193)
#B0D2C8
(176,210,200)
#BBD7CF
(187,215,207)
#C6DCD6
(198,220,214)
#D1E1DD
(209,225,221)
#DCE6E4
(220,230,228)
#E7EBEB
(231,235,235)
#F2F0F2
(242,240,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #84BEAC color. Also use rgb(132,190,172) instead hex code.

Text Font Color

.myTextColor { color: #84BEAC; }

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

This text font color is #84BEAC.

Background Color

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

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

This div background color is #84BEAC.

Border color

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

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

This div border color is #84BEAC.

Opacity

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

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

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

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

This text has shadow with #84BEAC color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #84BEAC.

Preview

Color preview on black background

This text has color #84BEAC on black background.


Color preview on white background

This text has color #84BEAC on white background.


Black color preview on #84BEAC background

This text has black color on #84BEAC background.


White color preview on #84BEAC background

This text has white color on #84BEAC background.


Related colors

Complementary color

Complementary color for #hex is #7B4153.


I love getcolorcode.com

Triadic colors

1 #AC84BE and #BEAC84 with #84BEAC are triadic colors.

2 #ACBE84 and #BE84AC with #84BEAC are triadic colors.