COLOR #6697AA

HEX: #6697AA
RGB: (102,151,170)

Renk bilgisi

#6697AA contains mainly green and blue colors. #6697AA ‘ nin web güvenlik rengi #669999 (ya da #699) dir.

RGB renk modeli

#6697AA color RGB value is (102,151,170).

  • kırmız ton 102;
  • yeşil ton 151;
  • mavi ton 170.
RGB:
(102,151,170)
(40%,59%,67%)

RGB bağlantıları ve doygunluk

R 102 of 255 = 40%
G 151 of 255 = 59%
B 170 of 255 = 67%

102
151
170

R + G + B ~ 55%. #6697AA is middle color (not dark and not light).

Yüzdelerle RGB renk parçaları

R + G + B =
102 + 151 + 170 = 423 (100%)
R 102 of 423 ~ 24.11%
G 151 of 423 ~ 35.7%
B 170 of 423 ~ 40.19%

%24.11
%35.7
%40.19

CMYK RENK MODELİ

#6697AA rengi CMYK tonu (40,11,0,33).

  • camgöbeği tonu 40.00%
  • eflatun tonu 11.18%
  • sarı tonu 0.00%
  • ana renk tonu 33.33%
CMYK:
(40,11,0,33)
C40M11Y0K33 
(40%,11%,0%,33%)
(0.40/0.11/0.00/0.33)

CMYK yüzdeleri

%40
%11.18
%0
%33.33

Codes

Color #6697AA in popluar color models

6697AA
RGB102151170
HSL197°28.57%53.33%
HSB/HSV197°40.00%66.67%
CMYK40.00%11.18%0.00%
33.33%

Color #6697AA in popluar number systems.

HEX6697AA
Decimal102151170
Binary11001101001011110101010
Octal146227252

Shades and tints

Shades of #6697AA

#6697AA
(102,151,170)
#5D8A9B
(93,138,155)
#547D8C
(84,125,140)
#4B707D
(75,112,125)
#42636E
(66,99,110)
#39565F
(57,86,95)
#304950
(48,73,80)
#273C41
(39,60,65)
#1E2F32
(30,47,50)
#152223
(21,34,35)
#0C1514
(12,21,20)
#000000
(0,0,0)

Tints of #6697AA

#6697AA
(102,151,170)
#73A0B1
(115,160,177)
#80A9B8
(128,169,184)
#8DB2BF
(141,178,191)
#9ABBC6
(154,187,198)
#A7C4CD
(167,196,205)
#B4CDD4
(180,205,212)
#C1D6DB
(193,214,219)
#CEDFE2
(206,223,226)
#DBE8E9
(219,232,233)
#E8F1F0
(232,241,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6697AA color. Also use rgb(102,151,170) instead hex code.

Text Font Color

.myTextColor { color: #6697AA; }

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

This text font color is #6697AA.


Background Color

.myBgColor { background-color: #6697AA; }

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

This div background color is #6697AA.


Border color

.myBorderColor { border: 1px solid #6697AA; }

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

This div border color is #6697AA.


Opacity

.myOpacity80 { color: #6697AA; opacity: 0.8; }

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

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

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

This text has shadow with #6697AA color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #6697AA on black background.


Color preview on white background

This text has color #6697AA on white background.


Black color preview on #6697AA background

This text has black color on #6697AA background.


White color preview on #6697AA background

This text has white color on #6697AA background.