#59BF8E Information

#59BF8E color RGB value is (89 , 191 , 142) , HEX triplet: 59, bf and 8e. RGB value is (89 , 191 , 142). Sum of RGB (Red+Green+Blue) = 89+191+142=422 (Red value is 89 (34.9% from 255 or 41.4% from 215); Green value is 191 (74.9% from 255 or 88.84% from 215); Blue value is 142 (55.69% from 255 or 66.05% from 215); Max value from RGB is 191 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #59BF8E hue: 0.42 , saturation: 0.44 and the lightness value of 59bf8e is 0.55.

#59bf8e
(89 , 191 , 142)
  • R (89)
  • G (191)
  • B (142)
  • C (40)
  • M (0)
  • Y (19.22)
  • K (25.1)

Applying the #59bf8e

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

#54ba89
#4fb584
#4ab07f
#45ab7a
#40a675
#3ba170
#369c6b
#319766
#2c9261
#278d5c
#228857
#1d8352
#65cb9a
#71d7a6
#7de3b2
#89efbe
#95fbca
#a1ffd6
#adffe2
#b9ffee
#c5fffa
#d1ffff
#ddffff
#e9ffff

Color spaces of #59bf8e

Type Values
RGB 89 191 142
HSL 0.42 0.44 0.55
HSV 151 53 75
CMYK 40 0 19.22 25.1
XYZ 27.6331 41.3384 32.1139
Hunter Lab 64.295 -35.7989 15.4023
CIE-Lab 70.4124 -41.2341 15.8574

Base Numbers

BaseRedGreenBlue
Decimal 89 191 142
Binary 1011001 10111111 10001110
Octal 131 277 216
Hex 59 BF 8E

Monochromatic Colors

#72d8a7
#8bf1c0
#a4ffd9
#bdfff2
#d6ffff
#efffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#59bf8e Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#59BF8E Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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