#749B70 Information

#749B70 color RGB value is (116 , 155 , 112) , HEX triplet: 74, 9b and 70. RGB value is (116 , 155 , 112). Sum of RGB (Red+Green+Blue) = 116+155+112=383 (Red value is 116 (45.49% from 255 or 53.95% from 215); Green value is 155 (60.78% from 255 or 72.09% from 215); Blue value is 112 (43.92% from 255 or 52.09% from 215); Max value from RGB is 155 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #749B70 hue: 0.32 , saturation: 0.18 and the lightness value of 749b70 is 0.52.

#749b70
(116 , 155 , 112)
  • R (116)
  • G (155)
  • B (112)
  • C (15.29)
  • M (0)
  • Y (16.86)
  • K (39.22)

Applying the #749b70

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

#6f966b
#6a9166
#658c61
#60875c
#5b8257
#567d52
#51784d
#4c7348
#476e43
#42693e
#3d6439
#385f34
#80a77c
#8cb388
#98bf94
#a4cba0
#b0d7ac
#bce3b8
#c8efc4
#d4fbd0
#e0ffdc
#ecffe8
#f8fff4
#ffffff

Color spaces of #749b70

Type Values
RGB 116 155 112
HSL 0.32 0.18 0.52
HSV 114 28 61
CMYK 15.29 0 16.86 39.22
XYZ 21.8484 28.3255 19.6451
Hunter Lab 53.2217 -19.8605 15.3774
CIE-Lab 60.1817 -22.081 18.3349

Base Numbers

BaseRedGreenBlue
Decimal 116 155 112
Binary 1110100 10011011 1110000
Octal 164 233 160
Hex 74 9B 70

Monochromatic Colors

#8db489
#a6cda2
#bfe6bb
#d8ffd4
#f1ffed
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#749b70 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#749B70 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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