COLOR #3FAF87

HEX: #3FAF87 RGB: (63,175,135)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#3FAF87 contains mainly green and blue colors. Web safe color of #3FAF87 is #339999 (or #399).

RGB color model

#3FAF87 color RGB value is (63,175,135).

red value is 63;
green value is 175;
blue value is 135.

RGB: (63,175,135) (25%, 69%, 53%)

RGB channels and saturation

R 63 of 255 = 25%
G 175 of 255 = 69%
B 135 of 255 = 53%

175

135

R + G + B ~ 49%. #3FAF87 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 63 + 175 + 135 = 373 (100%)
R 63 of 373 ~ 16.89%
G 175 of 373 ~ 46.92%
B 135 of 373 ~ 36.19'%

%16.89

%46.92

%36.19

CMYK color model

#3FAF87 color CMYK value is (64,0,23,31).

cyan value is 64.00%
magenta value is 0.00%
yellow value is 22.86%
key color value is 31.37%

CMYK: (64,0,23,31) C64M0Y23K31 (64%,0%,23%,31%) (0.64/0.00/0.23/0.31)

CMYK percentages

%64

%22.86

%31.37

Codes

Color #3FAF87 in popluar color models

	3F	AF	87
RGB	63	175	135
HSL	159°	47.06%	46.67%
HSB/HSV	159°	64.00%	68.63%
CMYK	64.00%	0.00%	22.86%
CMYK	31.37%

Color #3FAF87 in popluar number systems.

HEX	3F	AF	87
Decimal	63	175	135
Binary	111111	10101111	10000111
Octal	77	257	207

Shades and tints

Shades of #3FAF87

#3FAF87
(63,175,135)

#3AA07B
(58,160,123)

#35916F
(53,145,111)

#308263
(48,130,99)

#2B7357
(43,115,87)

#26644B
(38,100,75)

#21553F
(33,85,63)

#1C4633
(28,70,51)

#173727
(23,55,39)

#12281B
(18,40,27)

#0D190F
(13,25,15)

#000000
(0,0,0)

Tints of #3FAF87

#3FAF87
(63,175,135)

#50B691
(80,182,145)

#61BD9B
(97,189,155)

#72C4A5
(114,196,165)

#83CBAF
(131,203,175)

#94D2B9
(148,210,185)

#A5D9C3
(165,217,195)

#B6E0CD
(182,224,205)

#C7E7D7
(199,231,215)

#D8EEE1
(216,238,225)

#E9F5EB
(233,245,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3FAF87 color. Also use rgb(63,175,135) instead hex code.

Text Font Color

.myTextColor { color: #3FAF87; }

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

This text font color is #3FAF87.

Background Color

.myBgColor { background-color: #3FAF87; }

<div style="background-color:#3FAF87">Inner text</div>

This div background color is #3FAF87.

Border color

.myBorderColor { border: 1px solid #3FAF87; }

This div border color is #3FAF87.

Opacity

.myOpacity80 { color: #3FAF87; opacity: 0.8; }

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

This text has shadow with #3FAF87 color.

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

This text has shadow with #3FAF87 primary color and red secondary color.

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

This text has shadow with #3FAF87 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #3FAF87.