#476D71 Information

#476D71 color RGB value is (71 , 109 , 113) , HEX triplet: 47, 6d and 71. RGB value is (71 , 109 , 113). Sum of RGB (Red+Green+Blue) = 71+109+113=293 (Red value is 71 (27.84% from 255 or 33.02% from 215); Green value is 109 (42.75% from 255 or 50.7% from 215); Blue value is 113 (44.31% from 255 or 52.56% from 215); Max value from RGB is 113 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #476D71 hue: 0.52 , saturation: 0.23 and the lightness value of 476d71 is 0.36.

#476d71
(71 , 109 , 113)
  • R (71)
  • G (109)
  • B (113)
  • C (16.47)
  • M (1.57)
  • Y (0)
  • K (55.69)

Applying the #476d71

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

#42686c
#3d6367
#385e62
#33595d
#2e5458
#294f53
#244a4e
#1f4549
#1a4044
#153b3f
#10363a
#0b3135
#53797d
#5f8589
#6b9195
#779da1
#83a9ad
#8fb5b9
#9bc1c5
#a7cdd1
#b3d9dd
#bfe5e9
#cbf1f5
#d7fdff

Color spaces of #476d71

Type Values
RGB 71 109 113
HSL 0.52 0.23 0.36
HSV 186 37 44
CMYK 16.47 1.57 0 55.69
XYZ 11.0478 13.4691 17.6403
Hunter Lab 36.7003 -10.4919 -2.7981
CIE-Lab 43.4618 -12.2861 -6.5095

Base Numbers

BaseRedGreenBlue
Decimal 71 109 113
Binary 1000111 1101101 1110001
Octal 107 155 161
Hex 47 6D 71

Monochromatic Colors

#60868a
#799fa3
#92b8bc
#abd1d5
#c4eaee
#ddffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#476d71 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#476D71 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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