COLOR #71A3AF

HEX: #71A3AF RGB: (113,163,175)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#71A3AF color RGB value is (113,163,175).

red value is 113;
green value is 163;
blue value is 175.

RGB: (113,163,175) (44%, 64%, 69%)

RGB channels and saturation

R 113 of 255 = 44%
G 163 of 255 = 64%
B 175 of 255 = 69%

113

163

175

R + G + B ~ 59%. #71A3AF is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 113 + 163 + 175 = 451 (100%)
R 113 of 451 ~ 25.06%
G 163 of 451 ~ 36.14%
B 175 of 451 ~ 38.8'%

%25.06

%36.14

%38.8

CMYK color model

#71A3AF color CMYK value is (35,7,0,31).

cyan value is 35.43%
magenta value is 6.86%
yellow value is 0.00%
key color value is 31.37%

CMYK: (35,7,0,31) C35M7Y0K31 (35%,7%,0%,31%) (0.35/0.07/0.00/0.31)

CMYK percentages

%35.43

%6.86

%31.37

Codes

Color #71A3AF in popluar color models

	71	A3	AF
RGB	113	163	175
HSL	192°	27.93%	56.47%
HSB/HSV	192°	35.43%	68.63%
CMYK	35.43%	6.86%	0.00%
CMYK	31.37%

Color #71A3AF in popluar number systems.

HEX	71	A3	AF
Decimal	113	163	175
Binary	1110001	10100011	10101111
Octal	161	243	257

Shades and tints

Shades of #71A3AF

#71A3AF
(113,163,175)

#6795A0
(103,149,160)

#5D8791
(93,135,145)

#537982
(83,121,130)

#496B73
(73,107,115)

#3F5D64
(63,93,100)

#354F55
(53,79,85)

#2B4146
(43,65,70)

#213337
(33,51,55)

#172528
(23,37,40)

#0D1719
(13,23,25)

#000000
(0,0,0)

Tints of #71A3AF

#71A3AF
(113,163,175)

#7DABB6
(125,171,182)

#89B3BD
(137,179,189)

#95BBC4
(149,187,196)

#A1C3CB
(161,195,203)

#ADCBD2
(173,203,210)

#B9D3D9
(185,211,217)

#C5DBE0
(197,219,224)

#D1E3E7
(209,227,231)

#DDEBEE
(221,235,238)

#E9F3F5
(233,243,245)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #71A3AF color. Also use rgb(113,163,175) instead hex code.

Text Font Color

.myTextColor { color: #71A3AF; }

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

This text font color is #71A3AF.

Background Color

.myBgColor { background-color: #71A3AF; }

<div style="background-color:#71A3AF">Inner text</div>

This div background color is #71A3AF.

Border color

.myBorderColor { border: 1px solid #71A3AF; }

This div border color is #71A3AF.

Opacity

.myOpacity80 { color: #71A3AF; opacity: 0.8; }

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

This text has shadow with #71A3AF color.

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

This text has shadow with #71A3AF primary color and red secondary color.

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

This text has shadow with #71A3AF and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #71A3AF.