#76AB53 Information

#76AB53 color RGB value is (118 , 171 , 83) , HEX triplet: 76, ab and 53. RGB value is (118 , 171 , 83). Sum of RGB (Red+Green+Blue) = 118+171+83=372 (Red value is 118 (46.27% from 255 or 54.88% from 215); Green value is 171 (67.06% from 255 or 79.53% from 215); Blue value is 83 (32.55% from 255 or 38.6% from 215); Max value from RGB is 171 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #76AB53 hue: 0.27 , saturation: 0.35 and the lightness value of 76ab53 is 0.5.

#76ab53
(118 , 171 , 83)
  • R (118)
  • G (171)
  • B (83)
  • C (20.78)
  • M (0)
  • Y (34.51)
  • K (32.94)

Applying the #76ab53

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

#71a64e
#6ca149
#679c44
#62973f
#5d923a
#588d35
#538830
#4e832b
#497e26
#447921
#3f741c
#3a6f17
#82b75f
#8ec36b
#9acf77
#a6db83
#b2e78f
#bef39b
#caffa7
#d6ffb3
#e2ffbf
#eeffcb
#faffd7
#ffffe3

Color spaces of #76ab53

Type Values
RGB 118 171 83
HSL 0.27 0.35 0.5
HSV 96 51 67
CMYK 20.78 0 34.51 32.94
XYZ 23.5955 33.6019 13.4258
Hunter Lab 57.9672 -28.784 26.8489
CIE-Lab 64.6453 -33.3655 39.4977

Base Numbers

BaseRedGreenBlue
Decimal 118 171 83
Binary 1110110 10101011 1010011
Octal 166 253 123
Hex 76 AB 53

Monochromatic Colors

#8fc46c
#a8dd85
#c1f69e
#daffb7
#f3ffd0
#ffffe9

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#76ab53 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#76AB53 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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