#A4D840 Information

#A4D840 color RGB value is (164 , 216 , 64) , HEX triplet: a4, d8 and 40. RGB value is (164 , 216 , 64). Sum of RGB (Red+Green+Blue) = 164+216+64=444 (Red value is 164 (64.31% from 255 or 76.28% from 215); Green value is 216 (84.71% from 255 or 100.47% from 215); Blue value is 64 (25.1% from 255 or 29.77% from 215); Max value from RGB is 216 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #A4D840 hue: 0.22 , saturation: 0.66 and the lightness value of a4d840 is 0.55.

#a4d840
(164 , 216 , 64)
  • R (164)
  • G (216)
  • B (64)
  • C (20.39)
  • M (0)
  • Y (59.61)
  • K (15.29)

Applying the #a4d840

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

#9fd33b
#9ace36
#95c931
#90c42c
#8bbf27
#86ba22
#81b51d
#7cb018
#77ab13
#72a60e
#6da109
#689c04
#b0e44c
#bcf058
#c8fc64
#d4ff70
#e0ff7c
#ecff88
#f8ff94
#ffffa0
#ffffac
#ffffb8
#ffffc4
#ffffd0

Color spaces of #a4d840

Type Values
RGB 164 216 64
HSL 0.22 0.66 0.55
HSV 81 70 85
CMYK 20.39 0 59.61 15.29
XYZ 40.7911 57.3744 13.7749
Hunter Lab 75.7459 -36.428 42.2425
CIE-Lab 80.3897 -38.3244 65.7878

Base Numbers

BaseRedGreenBlue
Decimal 164 216 64
Binary 10100100 11011000 1000000
Octal 244 330 100
Hex A4 D8 40

Monochromatic Colors

#bdf159
#d6ff72
#efff8b
#ffffa4
#ffffbd
#ffffd6

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#a4d840 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#A4D840 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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