COLOR #7F9298

HEX: #7F9298
RGB: (127,146,152)

Color info

#7F9298 contains red, green and blue colors in about the same proportion. Web safe color of #7F9298 is #669999 (or #699).

RGB color model

#7F9298 color RGB value is (127,146,152).

  • red value is 127;
  • green value is 146;
  • blue value is 152.
RGB: (127,146,152) (50%,57%,60%)

RGB channels and saturation

R 127 of 255 = 50%
G 146 of 255 = 57%
B 152 of 255 = 60%

127
146
152

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

Portions of RGB colors in percentages

R + G + B =
127 + 146 + 152 = 425 (100%)
R 127 of 425 ~ 29.88%
G 146 of 425 ~ 34.35%
B 152 of 425 ~ 35.76%

%29.88
%34.35
%35.76

CMYK color model

#7F9298 color CMYK value is (16,4,0,40).

  • cyan value is 16.45%
  • magenta value is 3.95%
  • yellow value is 0.00%
  • key color value is 40.39%
CMYK: (16,4,0,40) C16M4Y0K40 (16%,4%,0%,40%) (0.16/0.04/0.00/0.40)

CMYK percentages

%16.45
%3.95
%0
%40.39

Codes

Color #7F9298 in popluar color models

7F9298
RGB127146152
HSL194°10.82%54.71%
HSB/HSV194°16.45%59.61%
CMYK16.45%3.95%0.00%
40.39%

Color #7F9298 in popluar number systems.

HEX7F9298
Decimal127146152
Binary11111111001001010011000
Octal177222230

Shades and tints

Shades of #7F9298

#7F9298
(127,146,152)
#74858B
(116,133,139)
#69787E
(105,120,126)
#5E6B71
(94,107,113)
#535E64
(83,94,100)
#485157
(72,81,87)
#3D444A
(61,68,74)
#32373D
(50,55,61)
#272A30
(39,42,48)
#1C1D23
(28,29,35)
#111016
(17,16,22)
#000000
(0,0,0)

Tints of #7F9298

#7F9298
(127,146,152)
#8A9BA1
(138,155,161)
#95A4AA
(149,164,170)
#A0ADB3
(160,173,179)
#ABB6BC
(171,182,188)
#B6BFC5
(182,191,197)
#C1C8CE
(193,200,206)
#CCD1D7
(204,209,215)
#D7DAE0
(215,218,224)
#E2E3E9
(226,227,233)
#EDECF2
(237,236,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7F9298 color. Also use rgb(127,146,152) instead hex code.

Text Font Color

.myTextColor { color: #7F9298; }

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

This text font color is #7F9298.


Background Color

.myBgColor { background-color: #7F9298; }

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

This div background color is #7F9298.


Border color

.myBorderColor { border: 1px solid #7F9298; }

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

This div border color is #7F9298.


Opacity

.myOpacity80 { color: #7F9298; opacity: 0.8; }

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

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

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

This text has shadow with #7F9298 color.

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

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

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


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

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

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


Div box shadow color

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

Preview

Color preview on black background

This text has color #7F9298 on black background.


Color preview on white background

This text has color #7F9298 on white background.



Black color preview on #7F9298 background

This text has black color on #7F9298 background.


White color preview on #7F9298 background

This text has white color on #7F9298 background.