COLOR #AB656B

HEX: #AB656B
RGB: (171,101,107)

Renk bilgisi

#AB656B contains mainly red color. #AB656B ‘ nin web güvenlik rengi #996666 (ya da #966) dir.

RGB renk modeli

#AB656B color RGB value is (171,101,107).

  • kırmız ton 171;
  • yeşil ton 101;
  • mavi ton 107.
RGB:
(171,101,107)
(67%,40%,42%)

RGB bağlantıları ve doygunluk

R 171 of 255 = 67%
G 101 of 255 = 40%
B 107 of 255 = 42%

171
101
107

R + G + B ~ 50%. #AB656B is middle color (not dark and not light).

Yüzdelerle RGB renk parçaları

R + G + B =
171 + 101 + 107 = 379 (100%)
R 171 of 379 ~ 45.12%
G 101 of 379 ~ 26.65%
B 107 of 379 ~ 28.23%

%45.12
%26.65
%28.23

CMYK RENK MODELİ

#AB656B rengi CMYK tonu (0,41,37,33).

  • camgöbeği tonu 0.00%
  • eflatun tonu 40.94%
  • sarı tonu 37.43%
  • ana renk tonu 32.94%
CMYK:
(0,41,37,33)
C0M41Y37K33 
(0%,41%,37%,33%)
(0.00/0.41/0.37/0.33)	

CMYK yüzdeleri

%0
%40.94
%37.43
%32.94

Codes

Color #AB656B in popluar color models

AB656B
RGB171101107
HSL355°29.41%53.33%
HSB/HSV355°40.94%67.06%
CMYK0.00%40.94%37.43%
32.94%

Color #AB656B in popluar number systems.

HEXAB656B
Decimal171101107
Binary1010101111001011101011
Octal253145153

Shades and tints

Shades of #AB656B

#AB656B
(171,101,107)
#9C5C62
(156,92,98)
#8D5359
(141,83,89)
#7E4A50
(126,74,80)
#6F4147
(111,65,71)
#60383E
(96,56,62)
#512F35
(81,47,53)
#42262C
(66,38,44)
#331D23
(51,29,35)
#24141A
(36,20,26)
#150B11
(21,11,17)
#000000
(0,0,0)

Tints of #AB656B

#AB656B
(171,101,107)
#B27378
(178,115,120)
#B98185
(185,129,133)
#C08F92
(192,143,146)
#C79D9F
(199,157,159)
#CEABAC
(206,171,172)
#D5B9B9
(213,185,185)
#DCC7C6
(220,199,198)
#E3D5D3
(227,213,211)
#EAE3E0
(234,227,224)
#F1F1ED
(241,241,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #AB656B color. Also use rgb(171,101,107) instead hex code.

Text Font Color

.myTextColor { color: #AB656B; }

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

This text font color is #AB656B.


Background Color

.myBgColor { background-color: #AB656B; }

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

This div background color is #AB656B.


Border color

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

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

This div border color is #AB656B.


Opacity

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

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

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

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

This text has shadow with #AB656B color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #AB656B on black background.


Color preview on white background

This text has color #AB656B on white background.



Black color preview on #AB656B background

This text has black color on #AB656B background.


White color preview on #AB656B background

This text has white color on #AB656B background.