#487477 Information

#487477 color RGB value is (72 , 116 , 119) , HEX triplet: 48, 74 and 77. RGB value is (72 , 116 , 119). Sum of RGB (Red+Green+Blue) = 72+116+119=307 (Red value is 72 (28.24% from 255 or 33.49% from 215); Green value is 116 (45.49% from 255 or 53.95% from 215); Blue value is 119 (46.67% from 255 or 55.35% from 215); Max value from RGB is 119 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #487477 hue: 0.51 , saturation: 0.25 and the lightness value of 487477 is 0.37.

#487477
(72 , 116 , 119)
  • R (72)
  • G (116)
  • B (119)
  • C (18.43)
  • M (1.18)
  • Y (0)
  • K (53.33)

Applying the #487477

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

#436f72
#3e6a6d
#396568
#346063
#2f5b5e
#2a5659
#255154
#204c4f
#1b474a
#164245
#113d40
#0c383b
#548083
#608c8f
#6c989b
#78a4a7
#84b0b3
#90bcbf
#9cc8cb
#a8d4d7
#b4e0e3
#c0ecef
#ccf8fb
#d8ffff

Color spaces of #487477

Type Values
RGB 72 116 119
HSL 0.51 0.25 0.37
HSV 184 39 47
CMYK 18.43 1.18 0 53.33
XYZ 12.2477 15.2004 19.7412
Hunter Lab 38.9877 -12.154 -2.7194
CIE-Lab 45.9075 -14.296 -6.4599

Base Numbers

BaseRedGreenBlue
Decimal 72 116 119
Binary 1001000 1110100 1110111
Octal 110 164 167
Hex 48 74 77

Monochromatic Colors

#618d90
#7aa6a9
#93bfc2
#acd8db
#c5f1f4
#deffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#487477 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#487477 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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