#8EA974 Information

#8EA974 color RGB value is (142 , 169 , 116) , HEX triplet: 8e, a9 and 74. RGB value is (142 , 169 , 116). Sum of RGB (Red+Green+Blue) = 142+169+116=427 (Red value is 142 (55.69% from 255 or 66.05% from 215); Green value is 169 (66.27% from 255 or 78.6% from 215); Blue value is 116 (45.49% from 255 or 53.95% from 215); Max value from RGB is 169 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #8EA974 hue: 0.25 , saturation: 0.24 and the lightness value of 8ea974 is 0.56.

#8ea974
(142 , 169 , 116)
  • R (142)
  • G (169)
  • B (116)
  • C (10.59)
  • M (0)
  • Y (20.78)
  • K (33.73)

Applying the #8ea974

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

#89a46f
#849f6a
#7f9a65
#7a9560
#75905b
#708b56
#6b8651
#66814c
#617c47
#5c7742
#57723d
#526d38
#9ab580
#a6c18c
#b2cd98
#bed9a4
#cae5b0
#d6f1bc
#e2fdc8
#eeffd4
#faffe0
#ffffec
#fffff8
#ffffff

Color spaces of #8ea974

Type Values
RGB 142 169 116
HSL 0.25 0.24 0.56
HSV 91 31 66
CMYK 10.59 0 20.78 33.73
XYZ 28.4957 35.3877 21.8516
Hunter Lab 59.4875 -18.5979 19.8692
CIE-Lab 66.0494 -19.0167 24.3696

Base Numbers

BaseRedGreenBlue
Decimal 142 169 116
Binary 10001110 10101001 1110100
Octal 216 251 164
Hex 8E A9 74

Monochromatic Colors

#a7c28d
#c0dba6
#d9f4bf
#f2ffd8
#fffff1
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8ea974 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8EA974 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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