#966D78 Information

#966D78 color RGB value is (150 , 109 , 120) , HEX triplet: 96, 6d and 78. RGB value is (150 , 109 , 120). Sum of RGB (Red+Green+Blue) = 150+109+120=379 (Red value is 150 (58.82% from 255 or 69.77% from 215); Green value is 109 (42.75% from 255 or 50.7% from 215); Blue value is 120 (47.06% from 255 or 55.81% from 215); Max value from RGB is 150 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #966D78 hue: 0.96 , saturation: 0.16 and the lightness value of 966d78 is 0.51.

#966d78
(150 , 109 , 120)
  • R (150)
  • G (109)
  • B (120)
  • C (0)
  • M (16.08)
  • Y (11.76)
  • K (41.18)

Applying the #966d78

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

#916873
#8c636e
#875e69
#825964
#7d545f
#784f5a
#734a55
#6e4550
#69404b
#643b46
#5f3641
#5a313c
#a27984
#ae8590
#ba919c
#c69da8
#d2a9b4
#deb5c0
#eac1cc
#f6cdd8
#ffd9e4
#ffe5f0
#fff1fc
#fffdff

Color spaces of #966d78

Type Values
RGB 150 109 120
HSL 0.96 0.16 0.51
HSV 344 27 59
CMYK 0 16.08 11.76 41.18
XYZ 21.4365 18.7774 20.2639
Hunter Lab 43.3329 12.4704 2.6166
CIE-Lab 50.4257 18.0334 0.3399

Base Numbers

BaseRedGreenBlue
Decimal 150 109 120
Binary 10010110 1101101 1111000
Octal 226 155 170
Hex 96 6D 78

Monochromatic Colors

#af8691
#c89faa
#e1b8c3
#fad1dc
#ffeaf5
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#966d78 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#966D78 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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