#59BA75 Information

#59BA75 color RGB value is (89 , 186 , 117) , HEX triplet: 59, ba and 75. RGB value is (89 , 186 , 117). Sum of RGB (Red+Green+Blue) = 89+186+117=392 (Red value is 89 (34.9% from 255 or 41.4% from 215); Green value is 186 (72.94% from 255 or 86.51% from 215); Blue value is 117 (45.88% from 255 or 54.42% from 215); Max value from RGB is 186 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #59BA75 hue: 0.38 , saturation: 0.41 and the lightness value of 59ba75 is 0.54.

#59ba75
(89 , 186 , 117)
  • R (89)
  • G (186)
  • B (117)
  • C (38.04)
  • M (0)
  • Y (27.06)
  • K (27.06)

Applying the #59ba75

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

#54b570
#4fb06b
#4aab66
#45a661
#40a15c
#3b9c57
#369752
#31924d
#2c8d48
#278843
#22833e
#1d7e39
#65c681
#71d28d
#7dde99
#89eaa5
#95f6b1
#a1ffbd
#adffc9
#b9ffd5
#c5ffe1
#d1ffed
#ddfff9
#e9ffff

Color spaces of #59ba75

Type Values
RGB 89 186 117
HSL 0.38 0.41 0.54
HSV 137 52 73
CMYK 38.04 0 27.06 27.06
XYZ 24.8896 38.526 22.9541
Hunter Lab 62.0693 -37.043 21.5293
CIE-Lab 68.4065 -43.9342 26.4966

Base Numbers

BaseRedGreenBlue
Decimal 89 186 117
Binary 1011001 10111010 1110101
Octal 131 272 165
Hex 59 BA 75

Monochromatic Colors

#72d38e
#8beca7
#a4ffc0
#bdffd9
#d6fff2
#efffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#59ba75 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#59BA75 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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