#96A448 Information

#96A448 color RGB value is (150 , 164 , 72) , HEX triplet: 96, a4 and 48. RGB value is (150 , 164 , 72). Sum of RGB (Red+Green+Blue) = 150+164+72=386 (Red value is 150 (58.82% from 255 or 69.77% from 215); Green value is 164 (64.31% from 255 or 76.28% from 215); Blue value is 72 (28.24% from 255 or 33.49% from 215); Max value from RGB is 164 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #96A448 hue: 0.19 , saturation: 0.39 and the lightness value of 96a448 is 0.46.

#96a448
(150 , 164 , 72)
  • R (150)
  • G (164)
  • B (72)
  • C (5.49)
  • M (0)
  • Y (36.08)
  • K (35.69)

Applying the #96a448

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

#919f43
#8c9a3e
#879539
#829034
#7d8b2f
#78862a
#738125
#6e7c20
#69771b
#647216
#5f6d11
#5a680c
#a2b054
#aebc60
#bac86c
#c6d478
#d2e084
#deec90
#eaf89c
#f6ffa8
#ffffb4
#ffffc0
#ffffcc
#ffffd8

Color spaces of #96a448

Type Values
RGB 150 164 72
HSL 0.19 0.39 0.46
HSV 69 56 64
CMYK 5.49 0 36.08 35.69
XYZ 27.0228 33.5028 11.1733
Hunter Lab 57.8816 -17.9573 29.0752
CIE-Lab 64.566 -18.4907 45.2721

Base Numbers

BaseRedGreenBlue
Decimal 150 164 72
Binary 10010110 10100100 1001000
Octal 226 244 110
Hex 96 A4 48

Monochromatic Colors

#afbd61
#c8d67a
#e1ef93
#faffac
#ffffc5
#ffffde

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#96a448 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#96A448 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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