COLOR #A5BC9A

HEX: #A5BC9A
RGB: (165,188,154)

Renk bilgisi

#A5BC9A contains red, green and blue colors in about the same proportion. #A5BC9A ‘ nin web güvenlik rengi #99CC99 (ya da #9C9) dir.

RGB renk modeli

#A5BC9A color RGB value is (165,188,154).

  • kırmız ton 165;
  • yeşil ton 188;
  • mavi ton 154.
RGB:
(165,188,154)
(65%,74%,60%)

RGB bağlantıları ve doygunluk

R 165 of 255 = 65%
G 188 of 255 = 74%
B 154 of 255 = 60%

165
188
154

R + G + B ~ 66%. #A5BC9A is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
165 + 188 + 154 = 507 (100%)
R 165 of 507 ~ 32.54%
G 188 of 507 ~ 37.08%
B 154 of 507 ~ 30.37%

%32.54
%37.08
%30.37

CMYK RENK MODELİ

#A5BC9A rengi CMYK tonu (12,0,18,26).

  • camgöbeği tonu 12.23%
  • eflatun tonu 0.00%
  • sarı tonu 18.09%
  • ana renk tonu 26.27%
CMYK:
(12,0,18,26)
C12M0Y18K26 
(12%,0%,18%,26%)
(0.12/0.00/0.18/0.26)

CMYK yüzdeleri

%12.23
%0
%18.09
%26.27

Codes

Color #A5BC9A in popluar color models

A5BC9A
RGB165188154
HSL101°20.24%67.06%
HSB/HSV101°18.09%73.73%
CMYK12.23%0.00%18.09%
26.27%

Color #A5BC9A in popluar number systems.

HEXA5BC9A
Decimal165188154
Binary101001011011110010011010
Octal245274232

Shades and tints

Shades of #A5BC9A

#A5BC9A
(165,188,154)
#96AB8C
(150,171,140)
#879A7E
(135,154,126)
#788970
(120,137,112)
#697862
(105,120,98)
#5A6754
(90,103,84)
#4B5646
(75,86,70)
#3C4538
(60,69,56)
#2D342A
(45,52,42)
#1E231C
(30,35,28)
#0F120E
(15,18,14)
#000000
(0,0,0)

Tints of #A5BC9A

#A5BC9A
(165,188,154)
#ADC2A3
(173,194,163)
#B5C8AC
(181,200,172)
#BDCEB5
(189,206,181)
#C5D4BE
(197,212,190)
#CDDAC7
(205,218,199)
#D5E0D0
(213,224,208)
#DDE6D9
(221,230,217)
#E5ECE2
(229,236,226)
#EDF2EB
(237,242,235)
#F5F8F4
(245,248,244)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #A5BC9A color. Also use rgb(165,188,154) instead hex code.

Text Font Color

.myTextColor { color: #A5BC9A; }

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

This text font color is #A5BC9A.


Background Color

.myBgColor { background-color: #A5BC9A; }

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

This div background color is #A5BC9A.


Border color

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

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

This div border color is #A5BC9A.


Opacity

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

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

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

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

This text has shadow with #A5BC9A color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #A5BC9A on black background.


Color preview on white background

This text has color #A5BC9A on white background.


Black color preview on #A5BC9A background

This text has black color on #A5BC9A background.


White color preview on #A5BC9A background

This text has white color on #A5BC9A background.