COLOR #749E98

HEX: #749E98 RGB: (116,158,152)

Color info

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

RGB color model

#749E98 color RGB value is (116,158,152).

RGB: (116,158,152) (45%, 62%, 60%)

RGB channels and saturation

R 116 of 255 = 45%
G 158 of 255 = 62%
B 152 of 255 = 60%

116
158
152

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

Portions of RGB colors in percentages

R + G + B = 116 + 158 + 152 = 426 (100%)
R 116 of 426 ~ 27.23%
G 158 of 426 ~ 37.09%
B 152 of 426 ~ 35.68'%

%27.23
%37.09
%35.68

CMYK color model

#749E98 color CMYK value is (27,0,4,38).

  • cyan value is 26.58%
  • magenta value is 0.00%
  • yellow value is 3.80%
  • key color value is 38.04%

CMYK: (27,0,4,38)
C27M0Y4K38 (27%, 0%, 4%, 38%)
(0.27 / 0.00 / 0.04 / 0.38)

CMYK percentages

%26.58
%0
%3.8
%38.04

Codes

Color #749E98 in popluar color models

74 9E 98
RGB 116 158 152
HSL 171° 17.80% 53.73%
HSB/HSV 171° 26.58% 61.96%
CMYK 26.58% 0.00% 3.80%
38.04%

Color #749E98 in popluar number systems.

HEX 74 9E 98
Decimal 116 158 152
Binary 1110100 10011110 10011000
Octal 164 236 230

Shades and tints

Shades of #749E98

#749E98
(116,158,152)
#6A908B
(106,144,139)
#60827E
(96,130,126)
#567471
(86,116,113)
#4C6664
(76,102,100)
#425857
(66,88,87)
#384A4A
(56,74,74)
#2E3C3D
(46,60,61)
#242E30
(36,46,48)
#1A2023
(26,32,35)
#101216
(16,18,22)
#000000
(0,0,0)

Tints of #749E98

#749E98
(116,158,152)
#80A6A1
(128,166,161)
#8CAEAA
(140,174,170)
#98B6B3
(152,182,179)
#A4BEBC
(164,190,188)
#B0C6C5
(176,198,197)
#BCCECE
(188,206,206)
#C8D6D7
(200,214,215)
#D4DEE0
(212,222,224)
#E0E6E9
(224,230,233)
#ECEEF2
(236,238,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #749E98 color. Also use rgb(116,158,152) instead hex code.

Text Font Color

.myTextColor { color: #749E98; }

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

This text font color is #749E98.

Background Color

.myBgColor { background-color: #749E98; }

<div style="background-color:#749E98">Inner text</div>

This div background color is #749E98.

Border color

.myBorderColor { border: 1px solid #749E98; }

<div style="border:3px solid #749E98">Div</div>

This div border color is #749E98.

Opacity

.myOpacity80 { color: #749E98; opacity: 0.8; }

<p style="color:#749E98;opacity:0.8;">80%</p>

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

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

This text has shadow with #749E98 color.


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

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

This text has shadow with #749E98 primary color and red secondary color.


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

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

This text has shadow with #749E98 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #749E98.

Preview

Color preview on black background

This text has color #749E98 on black background.


Color preview on white background

This text has color #749E98 on white background.


Black color preview on #749E98 background

This text has black color on #749E98 background.


White color preview on #749E98 background

This text has white color on #749E98 background.


Related colors

Complementary color

Complementary color for #hex is #8B6167.


I love getcolorcode.com

Triadic colors

1 #98749E and #9E9874 with #749E98 are triadic colors.

2 #989E74 and #9E7498 with #749E98 are triadic colors.