#7BAD75 Information

#7BAD75 color RGB value is (123 , 173 , 117) , HEX triplet: 7b, ad and 75. RGB value is (123 , 173 , 117). Sum of RGB (Red+Green+Blue) = 123+173+117=413 (Red value is 123 (48.24% from 255 or 57.21% from 215); Green value is 173 (67.84% from 255 or 80.47% from 215); Blue value is 117 (45.88% from 255 or 54.42% from 215); Max value from RGB is 173 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #7BAD75 hue: 0.32 , saturation: 0.25 and the lightness value of 7bad75 is 0.57.

#7bad75
(123 , 173 , 117)
  • R (123)
  • G (173)
  • B (117)
  • C (19.61)
  • M (0)
  • Y (21.96)
  • K (32.16)

Applying the #7bad75

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

#76a870
#71a36b
#6c9e66
#679961
#62945c
#5d8f57
#588a52
#53854d
#4e8048
#497b43
#44763e
#3f7139
#87b981
#93c58d
#9fd199
#abdda5
#b7e9b1
#c3f5bd
#cfffc9
#dbffd5
#e7ffe1
#f3ffed
#fffff9
#ffffff

Color spaces of #7bad75

Type Values
RGB 123 173 117
HSL 0.32 0.25 0.57
HSV 114 32 68
CMYK 19.61 0 21.96 32.16
XYZ 26.3228 35.3824 22.2718
Hunter Lab 59.4831 -25.1043 19.4459
CIE-Lab 66.0453 -27.7309 23.6169

Base Numbers

BaseRedGreenBlue
Decimal 123 173 117
Binary 1111011 10101101 1110101
Octal 173 255 165
Hex 7B AD 75

Monochromatic Colors

#94c68e
#addfa7
#c6f8c0
#dfffd9
#f8fff2
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7bad75 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7BAD75 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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