#84B957 Information

#84B957 color RGB value is (132 , 185 , 87) , HEX triplet: 84, b9 and 57. RGB value is (132 , 185 , 87). Sum of RGB (Red+Green+Blue) = 132+185+87=404 (Red value is 132 (51.76% from 255 or 61.4% from 215); Green value is 185 (72.55% from 255 or 86.05% from 215); Blue value is 87 (34.12% from 255 or 40.47% from 215); Max value from RGB is 185 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #84B957 hue: 0.26 , saturation: 0.41 and the lightness value of 84b957 is 0.53.

#84b957
(132 , 185 , 87)
  • R (132)
  • G (185)
  • B (87)
  • C (20.78)
  • M (0)
  • Y (38.43)
  • K (27.45)

Applying the #84b957

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

#7fb452
#7aaf4d
#75aa48
#70a543
#6ba03e
#669b39
#619634
#5c912f
#578c2a
#528725
#4d8220
#487d1b
#90c563
#9cd16f
#a8dd7b
#b4e987
#c0f593
#ccff9f
#d8ffab
#e4ffb7
#f0ffc3
#fcffcf
#ffffdb
#ffffe7

Color spaces of #84b957

Type Values
RGB 132 185 87
HSL 0.26 0.41 0.53
HSV 92 53 73
CMYK 20.78 0 38.43 27.45
XYZ 28.585 40.2916 15.2873
Hunter Lab 63.4756 -30.6981 30.1579
CIE-Lab 69.6767 -34.3025 43.7695

Base Numbers

BaseRedGreenBlue
Decimal 132 185 87
Binary 10000100 10111001 1010111
Octal 204 271 127
Hex 84 B9 57

Monochromatic Colors

#9dd270
#b6eb89
#cfffa2
#e8ffbb
#ffffd4
#ffffed

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#84b957 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#84B957 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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