COLOR #6C95B1

HEX: #6C95B1 RGB: (108,149,177)

Color info

#6C95B1 contains mainly green and blue colors. Web safe color of #6C95B1 is #669999 (or #699).

RGB color model

#6C95B1 color RGB value is (108,149,177).

RGB: (108,149,177) (42%, 58%, 69%)

RGB channels and saturation

R 108 of 255 = 42%
G 149 of 255 = 58%
B 177 of 255 = 69%

108
149
177

R + G + B ~ 56%. #6C95B1 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 108 + 149 + 177 = 434 (100%)
R 108 of 434 ~ 24.88%
G 149 of 434 ~ 34.33%
B 177 of 434 ~ 40.78'%

%24.88
%34.33
%40.78

CMYK color model

#6C95B1 color CMYK value is (39,16,0,31).

  • cyan value is 38.98%
  • magenta value is 15.82%
  • yellow value is 0.00%
  • key color value is 30.59%

CMYK: (39,16,0,31)
C39M16Y0K31 (39%, 16%, 0%, 31%)
(0.39 / 0.16 / 0.00 / 0.31)

CMYK percentages

%38.98
%15.82
%0
%30.59

Codes

Color #6C95B1 in popluar color models

6C 95 B1
RGB 108 149 177
HSL 204° 30.67% 55.88%
HSB/HSV 204° 38.98% 69.41%
CMYK 38.98% 15.82% 0.00%
30.59%

Color #6C95B1 in popluar number systems.

HEX 6C 95 B1
Decimal 108 149 177
Binary 1101100 10010101 10110001
Octal 154 225 261

Shades and tints

Shades of #6C95B1

#6C95B1
(108,149,177)
#6388A1
(99,136,161)
#5A7B91
(90,123,145)
#516E81
(81,110,129)
#486171
(72,97,113)
#3F5461
(63,84,97)
#364751
(54,71,81)
#2D3A41
(45,58,65)
#242D31
(36,45,49)
#1B2021
(27,32,33)
#121311
(18,19,17)
#000000
(0,0,0)

Tints of #6C95B1

#6C95B1
(108,149,177)
#799EB8
(121,158,184)
#86A7BF
(134,167,191)
#93B0C6
(147,176,198)
#A0B9CD
(160,185,205)
#ADC2D4
(173,194,212)
#BACBDB
(186,203,219)
#C7D4E2
(199,212,226)
#D4DDE9
(212,221,233)
#E1E6F0
(225,230,240)
#EEEFF7
(238,239,247)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #6C95B1 color. Also use rgb(108,149,177) instead hex code.

Text Font Color

.myTextColor { color: #6C95B1; }

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

This text font color is #6C95B1.

Background Color

.myBgColor { background-color: #6C95B1; }

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

This div background color is #6C95B1.

Border color

.myBorderColor { border: 1px solid #6C95B1; }

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

This div border color is #6C95B1.

Opacity

.myOpacity80 { color: #6C95B1; opacity: 0.8; }

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

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

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

This text has shadow with #6C95B1 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #6C95B1.

Preview

Color preview on black background

This text has color #6C95B1 on black background.


Color preview on white background

This text has color #6C95B1 on white background.


Black color preview on #6C95B1 background

This text has black color on #6C95B1 background.


White color preview on #6C95B1 background

This text has white color on #6C95B1 background.


Related colors

Complementary color

Complementary color for #hex is #936A4E.


I love getcolorcode.com

Triadic colors

1 #B16C95 and #95B16C with #6C95B1 are triadic colors.

2 #B1956C and #956CB1 with #6C95B1 are triadic colors.