#8CE45F Information

#8CE45F color RGB value is (140 , 228 , 95) , HEX triplet: 8c, e4 and 5f. RGB value is (140 , 228 , 95). Sum of RGB (Red+Green+Blue) = 140+228+95=463 (Red value is 140 (54.9% from 255 or 65.12% from 215); Green value is 228 (89.41% from 255 or 106.05% from 215); Blue value is 95 (37.25% from 255 or 44.19% from 215); Max value from RGB is 228 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #8CE45F hue: 0.28 , saturation: 0.71 and the lightness value of 8ce45f is 0.63.

#8ce45f
(140 , 228 , 95)
  • R (140)
  • G (228)
  • B (95)
  • C (34.51)
  • M (0)
  • Y (52.16)
  • K (10.59)

Applying the #8ce45f

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

#87df5a
#82da55
#7dd550
#78d04b
#73cb46
#6ec641
#69c13c
#64bc37
#5fb732
#5ab22d
#55ad28
#50a823
#98f06b
#a4fc77
#b0ff83
#bcff8f
#c8ff9b
#d4ffa7
#e0ffb3
#ecffbf
#f8ffcb
#ffffd7
#ffffe3
#ffffef

Color spaces of #8ce45f

Type Values
RGB 140 228 95
HSL 0.28 0.71 0.63
HSV 100 58 89
CMYK 34.51 0 52.16 10.59
XYZ 40.6242 61.8885 20.631
Hunter Lab 78.6692 -45.4946 39.524
CIE-Lab 82.8541 -49.4619 55.5653

Base Numbers

BaseRedGreenBlue
Decimal 140 228 95
Binary 10001100 11100100 1011111
Octal 214 344 137
Hex 8C E4 5F

Monochromatic Colors

#a5fd78
#beff91
#d7ffaa
#f0ffc3
#ffffdc
#fffff5

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8ce45f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8CE45F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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