#679A71 Information

#679A71 color RGB value is (103 , 154 , 113) , HEX triplet: 67, 9a and 71. RGB value is (103 , 154 , 113). Sum of RGB (Red+Green+Blue) = 103+154+113=370 (Red value is 103 (40.39% from 255 or 47.91% from 215); Green value is 154 (60.39% from 255 or 71.63% from 215); Blue value is 113 (44.31% from 255 or 52.56% from 215); Max value from RGB is 154 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #679A71 hue: 0.37 , saturation: 0.2 and the lightness value of 679a71 is 0.5.

#679a71
(103 , 154 , 113)
  • R (103)
  • G (154)
  • B (113)
  • C (20)
  • M (0)
  • Y (16.08)
  • K (39.61)

Applying the #679a71

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

#62956c
#5d9067
#588b62
#53865d
#4e8158
#497c53
#44774e
#3f7249
#3a6d44
#35683f
#30633a
#2b5e35
#73a67d
#7fb289
#8bbe95
#97caa1
#a3d6ad
#afe2b9
#bbeec5
#c7fad1
#d3ffdd
#dfffe9
#ebfff5
#f7ffff

Color spaces of #679a71

Type Values
RGB 103 154 113
HSL 0.37 0.2 0.5
HSV 132 33 60
CMYK 20 0 16.08 39.61
XYZ 20.1298 27.187 19.8095
Hunter Lab 52.1412 -22.3346 13.9808
CIE-Lab 59.147 -25.8727 16.2367

Base Numbers

BaseRedGreenBlue
Decimal 103 154 113
Binary 1100111 10011010 1110001
Octal 147 232 161
Hex 67 9A 71

Monochromatic Colors

#80b38a
#99cca3
#b2e5bc
#cbfed5
#e4ffee
#fdffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#679a71 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#679A71 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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