#58A419 Information

#58A419 color RGB value is (88 , 164 , 25) , HEX triplet: 58, a4 and 19. RGB value is (88 , 164 , 25). Sum of RGB (Red+Green+Blue) = 88+164+25=277 (Red value is 88 (34.51% from 255 or 40.93% from 215); Green value is 164 (64.31% from 255 or 76.28% from 215); Blue value is 25 (9.8% from 255 or 11.63% from 215); Max value from RGB is 164 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #58A419 hue: 0.26 , saturation: 0.74 and the lightness value of 58a419 is 0.37.

#58a419
(88 , 164 , 25)
  • R (88)
  • G (164)
  • B (25)
  • C (29.8)
  • M (0)
  • Y (54.51)
  • K (35.69)

Applying the #58a419

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

#539f14
#4e9a0f
#49950a
#449005
#3f8b00
#3a8600
#358100
#307c00
#2b7700
#267200
#216d00
#1c6800
#64b025
#70bc31
#7cc83d
#88d449
#94e055
#a0ec61
#acf86d
#b8ff79
#c4ff85
#d0ff91
#dcff9d
#e8ffa9

Color spaces of #58a419

Type Values
RGB 88 164 25
HSL 0.26 0.74 0.37
HSV 93 85 64
CMYK 29.8 0 54.51 35.69
XYZ 17.4754 28.6958 5.5375
Hunter Lab 53.5685 -35.5131 31.3703
CIE-Lab 60.5122 -45.479 57.8183

Base Numbers

BaseRedGreenBlue
Decimal 88 164 25
Binary 1011000 10100100 11001
Octal 130 244 31
Hex 58 A4 19

Monochromatic Colors

#71bd32
#8ad64b
#a3ef64
#bcff7d
#d5ff96
#eeffaf

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#58a419 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#58A419 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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