#476740 Information

#476740 color RGB value is (71 , 103 , 64) , HEX triplet: 47, 67 and 40. RGB value is (71 , 103 , 64). Sum of RGB (Red+Green+Blue) = 71+103+64=238 (Red value is 71 (27.84% from 255 or 33.02% from 215); Green value is 103 (40.39% from 255 or 47.91% from 215); Blue value is 64 (25.1% from 255 or 29.77% from 215); Max value from RGB is 103 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #476740 hue: 0.3 , saturation: 0.23 and the lightness value of 476740 is 0.33.

#476740
(71 , 103 , 64)
  • R (71)
  • G (103)
  • B (64)
  • C (12.55)
  • M (0)
  • Y (15.29)
  • K (59.61)

Applying the #476740

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

#42623b
#3d5d36
#385831
#33532c
#2e4e27
#294922
#24441d
#1f3f18
#1a3a13
#15350e
#103009
#0b2b04
#53734c
#5f7f58
#6b8b64
#779770
#83a37c
#8faf88
#9bbb94
#a7c7a0
#b3d3ac
#bfdfb8
#cbebc4
#d7f7d0

Color spaces of #476740

Type Values
RGB 71 103 64
HSL 0.3 0.23 0.33
HSV 109 38 40
CMYK 12.55 0 15.29 59.61
XYZ 8.3742 11.4103 6.6115
Hunter Lab 33.7791 -14.8611 12.0443
CIE-Lab 40.263 -20.0259 18.3953

Base Numbers

BaseRedGreenBlue
Decimal 71 103 64
Binary 1000111 1100111 1000000
Octal 107 147 100
Hex 47 67 40

Monochromatic Colors

#608059
#799972
#92b28b
#abcba4
#c4e4bd
#ddfdd6

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#476740 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#476740 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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