#476F65 Information

#476F65 color RGB value is (71 , 111 , 101) , HEX triplet: 47, 6f and 65. RGB value is (71 , 111 , 101). Sum of RGB (Red+Green+Blue) = 71+111+101=283 (Red value is 71 (27.84% from 255 or 33.02% from 215); Green value is 111 (43.53% from 255 or 51.63% from 215); Blue value is 101 (39.61% from 255 or 46.98% from 215); Max value from RGB is 111 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #476F65 hue: 0.46 , saturation: 0.22 and the lightness value of 476f65 is 0.36.

#476f65
(71 , 111 , 101)
  • R (71)
  • G (111)
  • B (101)
  • C (15.69)
  • M (0)
  • Y (3.92)
  • K (56.47)

Applying the #476f65

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

#426a60
#3d655b
#386056
#335b51
#2e564c
#295147
#244c42
#1f473d
#1a4238
#153d33
#10382e
#0b3329
#537b71
#5f877d
#6b9389
#779f95
#83aba1
#8fb7ad
#9bc3b9
#a7cfc5
#b3dbd1
#bfe7dd
#cbf3e9
#d7fff5

Color spaces of #476f65

Type Values
RGB 71 111 101
HSL 0.46 0.22 0.36
HSV 165 36 44
CMYK 15.69 0 3.92 56.47
XYZ 10.6319 13.6481 14.3859
Hunter Lab 36.9433 -13.2799 2.7804
CIE-Lab 43.7239 -16.5171 1.1079

Base Numbers

BaseRedGreenBlue
Decimal 71 111 101
Binary 1000111 1101111 1100101
Octal 107 157 145
Hex 47 6F 65

Monochromatic Colors

#60887e
#79a197
#92bab0
#abd3c9
#c4ece2
#ddfffb

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#476f65 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#476F65 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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