#7BAD96 Information

#7BAD96 color RGB value is (123 , 173 , 150) , HEX triplet: 7b, ad and 96. RGB value is (123 , 173 , 150). Sum of RGB (Red+Green+Blue) = 123+173+150=446 (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 150 (58.82% from 255 or 69.77% from 215); Max value from RGB is 173 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #7BAD96 hue: 0.42 , saturation: 0.23 and the lightness value of 7bad96 is 0.58.

#7bad96
(123 , 173 , 150)
  • R (123)
  • G (173)
  • B (150)
  • C (19.61)
  • M (0)
  • Y (9.02)
  • K (32.16)

Applying the #7bad96

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

#76a891
#71a38c
#6c9e87
#679982
#62947d
#5d8f78
#588a73
#53856e
#4e8069
#497b64
#44765f
#3f715a
#87b9a2
#93c5ae
#9fd1ba
#abddc6
#b7e9d2
#c3f5de
#cfffea
#dbfff6
#e7ffff
#f3ffff
#ffffff

Color spaces of #7bad96

Type Values
RGB 123 173 150
HSL 0.42 0.23 0.58
HSV 152 29 68
CMYK 19.61 0 9.02 32.16
XYZ 28.617 36.3001 34.3525
Hunter Lab 60.2496 -20.6536 8.3808
CIE-Lab 66.7486 -21.5565 6.5163

Base Numbers

BaseRedGreenBlue
Decimal 123 173 150
Binary 1111011 10101101 10010110
Octal 173 255 226
Hex 7B AD 96

Monochromatic Colors

#94c6af
#addfc8
#c6f8e1
#dffffa
#f8ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7bad96 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7BAD96 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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