#3F742D Information

#3F742D color RGB value is (63 , 116 , 45) , HEX triplet: 3f, 74 and 2d. RGB value is (63 , 116 , 45). Sum of RGB (Red+Green+Blue) = 63+116+45=224 (Red value is 63 (24.71% from 255 or 29.3% from 215); Green value is 116 (45.49% from 255 or 53.95% from 215); Blue value is 45 (17.65% from 255 or 20.93% from 215); Max value from RGB is 116 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #3F742D hue: 0.29 , saturation: 0.44 and the lightness value of 3f742d is 0.32.

#3f742d
(63 , 116 , 45)
  • R (63)
  • G (116)
  • B (45)
  • C (20.78)
  • M (0)
  • Y (27.84)
  • K (54.51)

Applying the #3f742d

You are awesome !

If you don't really have a dream, you can't really push yourself you don't really know what the target is.

Shades & Tints

#3a6f28
#356a23
#30651e
#2b6019
#265b14
#21560f
#1c510a
#174c05
#124700
#0d4200
#083d00
#033800
#4b8039
#578c45
#639851
#6fa45d
#7bb069
#87bc75
#93c881
#9fd48d
#abe099
#b7eca5
#c3f8b1
#cfffbd

Color spaces of #3f742d

Type Values
RGB 63 116 45
HSL 0.29 0.44 0.32
HSV 105 61 45
CMYK 20.78 0 27.84 54.51
XYZ 8.7689 13.737 4.672
Hunter Lab 37.0635 -22.629 18.4729
CIE-Lab 43.8534 -32.0592 33.1775

Base Numbers

BaseRedGreenBlue
Decimal 63 116 45
Binary 111111 1110100 101101
Octal 77 164 55
Hex 3F 74 2D

Monochromatic Colors

#588d46
#71a65f
#8abf78
#a3d891
#bcf1aa
#d5ffc3

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3f742d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3F742D Color CSS Codes

You are Awesome !!

Text Color Example

<p style="color:#3f742d">Text here</p>
You are Awesome !!

Background Color Example

<p style="background:#3f742d">Text here</p>
You are Awesome !!

Border Color Example

<p style="border:2px solid #3f742d">You are Awesome</p>
You are Awesome !!

Box & Text Shadow Color Example

<p style="text-shadow: 1px 1px 1px #3f742d;
box-shadow: 1px 1px 4px #3f742d">You are Awesome</p>