COLOR #9498C2

HEX: #9498C2 RGB: (148,152,194)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#9498C2 contains red, green and blue colors in about the same proportion. Web safe color of #9498C2 is #9999CC (or #99C).

RGB color model

#9498C2 color RGB value is (148,152,194).

red value is 148;
green value is 152;
blue value is 194.

RGB: (148,152,194) (58%, 60%, 76%)

RGB channels and saturation

R 148 of 255 = 58%
G 152 of 255 = 60%
B 194 of 255 = 76%

148

152

194

R + G + B ~ 65%. #9498C2 is quite light color.

Portions of RGB colors in percentages

R + G + B = 148 + 152 + 194 = 494 (100%)
R 148 of 494 ~ 29.96%
G 152 of 494 ~ 30.77%
B 194 of 494 ~ 39.27'%

%29.96

%30.77

%39.27

CMYK color model

#9498C2 color CMYK value is (24,22,0,24).

cyan value is 23.71%
magenta value is 21.65%
yellow value is 0.00%
key color value is 23.92%

CMYK: (24,22,0,24) C24M22Y0K24 (24%,22%,0%,24%) (0.24/0.22/0.00/0.24)

CMYK percentages

%23.71

%21.65

%23.92

Codes

Color #9498C2 in popluar color models

	94	98	C2
RGB	148	152	194
HSL	235°	27.38%	67.06%
HSB/HSV	235°	23.71%	76.08%
CMYK	23.71%	21.65%	0.00%
CMYK	23.92%

Color #9498C2 in popluar number systems.

HEX	94	98	C2
Decimal	148	152	194
Binary	10010100	10011000	11000010
Octal	224	230	302

Shades and tints

Shades of #9498C2

#9498C2
(148,152,194)

#878BB1
(135,139,177)

#7A7EA0
(122,126,160)

#6D718F
(109,113,143)

#60647E
(96,100,126)

#53576D
(83,87,109)

#464A5C
(70,74,92)

#393D4B
(57,61,75)

#2C303A
(44,48,58)

#1F2329
(31,35,41)

#121618
(18,22,24)

#000000
(0,0,0)

Tints of #9498C2

#9498C2
(148,152,194)

#9DA1C7
(157,161,199)

#A6AACC
(166,170,204)

#AFB3D1
(175,179,209)

#B8BCD6
(184,188,214)

#C1C5DB
(193,197,219)

#CACEE0
(202,206,224)

#D3D7E5
(211,215,229)

#DCE0EA
(220,224,234)

#E5E9EF
(229,233,239)

#EEF2F4
(238,242,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9498C2 color. Also use rgb(148,152,194) instead hex code.

Text Font Color

.myTextColor { color: #9498C2; }

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

This text font color is #9498C2.

Background Color

.myBgColor { background-color: #9498C2; }

<div style="background-color:#9498C2">Inner text</div>

This div background color is #9498C2.

Border color

.myBorderColor { border: 1px solid #9498C2; }

This div border color is #9498C2.

Opacity

.myOpacity80 { color: #9498C2; opacity: 0.8; }

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

This text has shadow with #9498C2 color.

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

This text has shadow with #9498C2 primary color and red secondary color.

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

This text has shadow with #9498C2 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #9498C2.