COLOR #97ABCF

HEX: #97ABCF RGB: (151,171,207)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#97ABCF color RGB value is (151,171,207).

red value is 151;
green value is 171;
blue value is 207.

RGB: (151,171,207) (59%, 67%, 81%)

RGB channels and saturation

R 151 of 255 = 59%
G 171 of 255 = 67%
B 207 of 255 = 81%

151

171

207

R + G + B ~ 69%. #97ABCF is quite light color.

Portions of RGB colors in percentages

R + G + B = 151 + 171 + 207 = 529 (100%)
R 151 of 529 ~ 28.54%
G 171 of 529 ~ 32.33%
B 207 of 529 ~ 39.13'%

%28.54

%32.33

%39.13

CMYK color model

#97ABCF color CMYK value is (27,17,0,19).

cyan value is 27.05%
magenta value is 17.39%
yellow value is 0.00%
key color value is 18.82%

CMYK: (27,17,0,19) C27M17Y0K19 (27%,17%,0%,19%) (0.27/0.17/0.00/0.19)

CMYK percentages

%27.05

%17.39

%18.82

Codes

Color #97ABCF in popluar color models

	97	AB	CF
RGB	151	171	207
HSL	219°	36.84%	70.20%
HSB/HSV	219°	27.05%	81.18%
CMYK	27.05%	17.39%	0.00%
CMYK	18.82%

Color #97ABCF in popluar number systems.

HEX	97	AB	CF
Decimal	151	171	207
Binary	10010111	10101011	11001111
Octal	227	253	317

Shades and tints

Shades of #97ABCF

#97ABCF
(151,171,207)

#8A9CBD
(138,156,189)

#7D8DAB
(125,141,171)

#707E99
(112,126,153)

#636F87
(99,111,135)

#566075
(86,96,117)

#495163
(73,81,99)

#3C4251
(60,66,81)

#2F333F
(47,51,63)

#22242D
(34,36,45)

#15151B
(21,21,27)

#000000
(0,0,0)

Tints of #97ABCF

#97ABCF
(151,171,207)

#A0B2D3
(160,178,211)

#A9B9D7
(169,185,215)

#B2C0DB
(178,192,219)

#BBC7DF
(187,199,223)

#C4CEE3
(196,206,227)

#CDD5E7
(205,213,231)

#D6DCEB
(214,220,235)

#DFE3EF
(223,227,239)

#E8EAF3
(232,234,243)

#F1F1F7
(241,241,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #97ABCF color. Also use rgb(151,171,207) instead hex code.

Text Font Color

.myTextColor { color: #97ABCF; }

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

This text font color is #97ABCF.

Background Color

.myBgColor { background-color: #97ABCF; }

<div style="background-color:#97ABCF">Inner text</div>

This div background color is #97ABCF.

Border color

.myBorderColor { border: 1px solid #97ABCF; }

This div border color is #97ABCF.

Opacity

.myOpacity80 { color: #97ABCF; opacity: 0.8; }

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

This text has shadow with #97ABCF color.

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

This text has shadow with #97ABCF primary color and red secondary color.

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

This text has shadow with #97ABCF and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #97ABCF.