#966D63 Information

#966D63 color RGB value is (150 , 109 , 99) , HEX triplet: 96, 6d and 63. RGB value is (150 , 109 , 99). Sum of RGB (Red+Green+Blue) = 150+109+99=358 (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 99 (38.82% from 255 or 46.05% from 215); Max value from RGB is 150 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #966D63 hue: 0.03 , saturation: 0.2 and the lightness value of 966d63 is 0.49.

#966d63
(150 , 109 , 99)
  • R (150)
  • G (109)
  • B (99)
  • C (0)
  • M (16.08)
  • Y (20)
  • K (41.18)

Applying the #966d63

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

#91685e
#8c6359
#875e54
#82594f
#7d544a
#784f45
#734a40
#6e453b
#694036
#643b31
#5f362c
#5a3127
#a2796f
#ae857b
#ba9187
#c69d93
#d2a99f
#deb5ab
#eac1b7
#f6cdc3
#ffd9cf
#ffe5db
#fff1e7
#fffdf3

Color spaces of #966d63

Type Values
RGB 150 109 99
HSL 0.03 0.2 0.49
HSV 12 34 59
CMYK 0 16.08 20 41.18
XYZ 20.2984 18.3222 14.2711
Hunter Lab 42.8044 9.7397 10.2022
CIE-Lab 49.8845 14.882 12.0014

Base Numbers

BaseRedGreenBlue
Decimal 150 109 99
Binary 10010110 1101101 1100011
Octal 226 155 143
Hex 96 6D 63

Monochromatic Colors

#af867c
#c89f95
#e1b8ae
#fad1c7
#ffeae0
#fffff9

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#966d63 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#966D63 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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