COLOR #5F94A6

HEX: #5F94A6
RGB: (95,148,166)

Color info

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

RGB color model

#5F94A6 color RGB value is (95,148,166).

  • red value is 95;
  • green value is 148;
  • blue value is 166.
RGB: (95,148,166) (37%,58%,65%)

RGB channels and saturation

R 95 of 255 = 37%
G 148 of 255 = 58%
B 166 of 255 = 65%

95
148
166

R + G + B ~ 53%. #5F94A6 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
95 + 148 + 166 = 409 (100%)
R 95 of 409 ~ 23.23%
G 148 of 409 ~ 36.19%
B 166 of 409 ~ 40.59%

%23.23
%36.19
%40.59

CMYK color model

#5F94A6 color CMYK value is (43,11,0,35).

  • cyan value is 42.77%
  • magenta value is 10.84%
  • yellow value is 0.00%
  • key color value is 34.90%
CMYK: (43,11,0,35) C43M11Y0K35 (43%,11%,0%,35%) (0.43/0.11/0.00/0.35)

CMYK percentages

%42.77
%10.84
%0
%34.9

Codes

Color #5F94A6 in popluar color models

5F94A6
RGB95148166
HSL195°28.51%51.18%
HSB/HSV195°42.77%65.10%
CMYK42.77%10.84%0.00%
34.90%

Color #5F94A6 in popluar number systems.

HEX5F94A6
Decimal95148166
Binary10111111001010010100110
Octal137224246

Shades and tints

Shades of #5F94A6

#5F94A6
(95,148,166)
#578797
(87,135,151)
#4F7A88
(79,122,136)
#476D79
(71,109,121)
#3F606A
(63,96,106)
#37535B
(55,83,91)
#2F464C
(47,70,76)
#27393D
(39,57,61)
#1F2C2E
(31,44,46)
#171F1F
(23,31,31)
#0F1210
(15,18,16)
#000000
(0,0,0)

Tints of #5F94A6

#5F94A6
(95,148,166)
#6D9DAE
(109,157,174)
#7BA6B6
(123,166,182)
#89AFBE
(137,175,190)
#97B8C6
(151,184,198)
#A5C1CE
(165,193,206)
#B3CAD6
(179,202,214)
#C1D3DE
(193,211,222)
#CFDCE6
(207,220,230)
#DDE5EE
(221,229,238)
#EBEEF6
(235,238,246)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #5F94A6 color. Also use rgb(95,148,166) instead hex code.

Text Font Color

.myTextColor { color: #5F94A6; }

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

This text font color is #5F94A6.


Background Color

.myBgColor { background-color: #5F94A6; }

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

This div background color is #5F94A6.


Border color

.myBorderColor { border: 1px solid #5F94A6; }

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

This div border color is #5F94A6.


Opacity

.myOpacity80 { color: #5F94A6; opacity: 0.8; }

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

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

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

This text has shadow with #5F94A6 color.

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

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

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


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

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

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


Div box shadow color

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

Preview

Color preview on black background

This text has color #5F94A6 on black background.


Color preview on white background

This text has color #5F94A6 on white background.



Black color preview on #5F94A6 background

This text has black color on #5F94A6 background.


White color preview on #5F94A6 background

This text has white color on #5F94A6 background.