#48746C Information

#48746C color RGB value is (72 , 116 , 108) , HEX triplet: 48, 74 and 6c. RGB value is (72 , 116 , 108). Sum of RGB (Red+Green+Blue) = 72+116+108=296 (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 108 (42.35% from 255 or 50.23% from 215); Max value from RGB is 116 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #48746C hue: 0.47 , saturation: 0.23 and the lightness value of 48746c is 0.37.

#48746c
(72 , 116 , 108)
  • R (72)
  • G (116)
  • B (108)
  • C (17.25)
  • M (0)
  • Y (3.14)
  • K (54.51)

Applying the #48746c

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

#436f67
#3e6a62
#39655d
#346058
#2f5b53
#2a564e
#255149
#204c44
#1b473f
#16423a
#113d35
#0c3830
#548078
#608c84
#6c9890
#78a49c
#84b0a8
#90bcb4
#9cc8c0
#a8d4cc
#b4e0d8
#c0ece4
#ccf8f0
#d8fffc

Color spaces of #48746c

Type Values
RGB 72 116 108
HSL 0.47 0.23 0.37
HSV 169 38 45
CMYK 17.25 0 3.14 54.51
XYZ 11.6247 14.9512 16.4605
Hunter Lab 38.6668 -14.003 1.8355
CIE-Lab 45.5673 -17.1865 -0.3924

Base Numbers

BaseRedGreenBlue
Decimal 72 116 108
Binary 1001000 1110100 1101100
Octal 110 164 154
Hex 48 74 6C

Monochromatic Colors

#618d85
#7aa69e
#93bfb7
#acd8d0
#c5f1e9
#deffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#48746c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#48746C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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