COLOR #3F663D

HEX: #3F663D RGB: (63,102,61)

Color info

#3F663D contains red, green and blue colors in about the same proportion. Web safe color of #3F663D is #336633 (or #363).

RGB color model

#3F663D color RGB value is (63,102,61).

RGB: (63,102,61) (25%, 40%, 24%)

RGB channels and saturation

R 63 of 255 = 25%
G 102 of 255 = 40%
B 61 of 255 = 24%

63
102
61

R + G + B ~ 30%. #3F663D is quite dark color.

Portions of RGB colors in percentages

R + G + B = 63 + 102 + 61 = 226 (100%)
R 63 of 226 ~ 27.88%
G 102 of 226 ~ 45.13%
B 61 of 226 ~ 26.99'%

%27.88
%45.13
%26.99

CMYK color model

#3F663D color CMYK value is (38,0,40,60).

  • cyan value is 38.24%
  • magenta value is 0.00%
  • yellow value is 40.20%
  • key color value is 60.00%

CMYK: (38,0,40,60)
C38M0Y40K60 (38%, 0%, 40%, 60%)
(0.38 / 0.00 / 0.40 / 0.60)

CMYK percentages

%38.24
%0
%40.2
%60

Codes

Color #3F663D in popluar color models

3F 66 3D
RGB 63 102 61
HSL 117° 25.15% 31.96%
HSB/HSV 117° 40.20% 40.00%
CMYK 38.24% 0.00% 40.20%
60.00%

Color #3F663D in popluar number systems.

HEX 3F 66 3D
Decimal 63 102 61
Binary 111111 1100110 111101
Octal 77 146 75

Shades and tints

Shades of #3F663D

#3F663D
(63,102,61)
#3A5D38
(58,93,56)
#355433
(53,84,51)
#304B2E
(48,75,46)
#2B4229
(43,66,41)
#263924
(38,57,36)
#21301F
(33,48,31)
#1C271A
(28,39,26)
#171E15
(23,30,21)
#121510
(18,21,16)
#0D0C0B
(13,12,11)
#000000
(0,0,0)

Tints of #3F663D

#3F663D
(63,102,61)
#50734E
(80,115,78)
#61805F
(97,128,95)
#728D70
(114,141,112)
#839A81
(131,154,129)
#94A792
(148,167,146)
#A5B4A3
(165,180,163)
#B6C1B4
(182,193,180)
#C7CEC5
(199,206,197)
#D8DBD6
(216,219,214)
#E9E8E7
(233,232,231)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3F663D color. Also use rgb(63,102,61) instead hex code.

Text Font Color

.myTextColor { color: #3F663D; }

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

This text font color is #3F663D.

Background Color

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

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

This div background color is #3F663D.

Border color

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

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

This div border color is #3F663D.

Opacity

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

<p style="color:#3F663D;opacity:0.8;">80%</p>

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

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

This text has shadow with #3F663D color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #3F663D.

Preview

Color preview on black background

This text has color #3F663D on black background.


Color preview on white background

This text has color #3F663D on white background.


Black color preview on #3F663D background

This text has black color on #3F663D background.


White color preview on #3F663D background

This text has white color on #3F663D background.


Related colors

Complementary color

Complementary color for #hex is #C099C2.


I love getcolorcode.com

Triadic colors

1 #3D3F66 and #663D3F with #3F663D are triadic colors.

2 #3D663F and #663F3D with #3F663D are triadic colors.