#84B452 Information

#84B452 color RGB value is (132 , 180 , 82) , HEX triplet: 84, b4 and 52. RGB value is (132 , 180 , 82). Sum of RGB (Red+Green+Blue) = 132+180+82=394 (Red value is 132 (51.76% from 255 or 61.4% from 215); Green value is 180 (70.59% from 255 or 83.72% from 215); Blue value is 82 (32.16% from 255 or 38.14% from 215); Max value from RGB is 180 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #84B452 hue: 0.25 , saturation: 0.4 and the lightness value of 84b452 is 0.51.

#84b452
(132 , 180 , 82)
  • R (132)
  • G (180)
  • B (82)
  • C (18.82)
  • M (0)
  • Y (38.43)
  • K (29.41)

Applying the #84b452

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

#7faf4d
#7aaa48
#75a543
#70a03e
#6b9b39
#669634
#61912f
#5c8c2a
#578725
#528220
#4d7d1b
#487816
#90c05e
#9ccc6a
#a8d876
#b4e482
#c0f08e
#ccfc9a
#d8ffa6
#e4ffb2
#f0ffbe
#fcffca
#ffffd6
#ffffe2

Color spaces of #84b452

Type Values
RGB 132 180 82
HSL 0.25 0.4 0.51
HSV 89 54 71
CMYK 18.82 0 38.43 29.41
XYZ 27.36 38.1572 13.9057
Hunter Lab 61.7716 -29.0383 29.8969
CIE-Lab 68.1363 -32.5185 44.3445

Base Numbers

BaseRedGreenBlue
Decimal 132 180 82
Binary 10000100 10110100 1010010
Octal 204 264 122
Hex 84 B4 52

Monochromatic Colors

#9dcd6b
#b6e684
#cfff9d
#e8ffb6
#ffffcf
#ffffe8

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#84b452 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#84B452 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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