Color #686A99 hex code, color models, shades and preview

Renk bilgisi

#686A99 contains red, green and blue colors in about the same proportion. #686A99 ‘ nin web güvenlik rengi #666699 (ya da #669) dir.

RGB renk modeli

#686A99 color RGB value is (104,106,153).

kırmız ton 104;
yeşil ton 106;
mavi ton 153.

RGB: (104,106,153) (41%, 42%, 60%)

RGB bağlantıları ve doygunluk

R 104 of 255 = 41%
G 106 of 255 = 42%
B 153 of 255 = 60%

104

106

153

R + G + B ~ 48%. #686A99 is middle color (not dark and not light).

Yüzdelerle RGB renk parçaları

R + G + B = 104 + 106 + 153 = 363 (100%)
R 104 of 363 ~ 28.65%
G 106 of 363 ~ 29.2%
B 153 of 363 ~ 42.15'%

%28.65

%29.2

%42.15

CMYK RENK MODELİ

#686A99 rengi CMYK tonu (32,31,0,40).

camgöbeği tonu 32.03%
eflatun tonu 30.72%
sarı tonu 0.00%
ana renk tonu 40.00%

CMYK: (32,31,0,40)
C32M31Y0K40 (32%, 31%, 0%, 40%)
(0.32 / 0.31 / 0.00 / 0.40)

CMYK yüzdeleri

%32.03

%30.72

%0

%40

Codes

Color #686A99 in popluar color models

	68	6A	99
RGB	104	106	153
HSL	238°	19.37%	50.39%
HSB/HSV	238°	32.03%	60.00%
CMYK	32.03%	30.72%	0.00%
CMYK	40.00%

Color #686A99 in popluar number systems.

HEX	68	6A	99
Decimal	104	106	153
Binary	1101000	1101010	10011001
Octal	150	152	231

Shades and tints

Shades of #686A99

#686A99
(104,106,153)

#5F618C
(95,97,140)

#56587F
(86,88,127)

#4D4F72
(77,79,114)

#444665
(68,70,101)

#3B3D58
(59,61,88)

#32344B
(50,52,75)

#292B3E
(41,43,62)

#202231
(32,34,49)

#171924
(23,25,36)

#0E1017
(14,16,23)

#000000
(0,0,0)

Tints of #686A99

#686A99
(104,106,153)

#7577A2
(117,119,162)

#8284AB
(130,132,171)

#8F91B4
(143,145,180)

#9C9EBD
(156,158,189)

#A9ABC6
(169,171,198)

#B6B8CF
(182,184,207)

#C3C5D8
(195,197,216)

#D0D2E1
(208,210,225)

#DDDFEA
(221,223,234)

#EAECF3
(234,236,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #686A99 color. Also use rgb(104,106,153) instead hex code.

Text Font Color

.myTextColor { color: #686A99; }

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

This text font color is #686A99.

Background Color

.myBgColor { background-color: #686A99; }

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

This div background color is #686A99.

Border color

.myBorderColor { border: 1px solid #686A99; }

This div border color is #686A99.

Opacity

.myOpacity80 { color: #686A99; opacity: 0.8; }

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

This text has shadow with #686A99 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #686A99.