#7B9E83 Information

#7B9E83 color RGB value is (123 , 158 , 131) , HEX triplet: 7b, 9e and 83. RGB value is (123 , 158 , 131). Sum of RGB (Red+Green+Blue) = 123+158+131=412 (Red value is 123 (48.24% from 255 or 57.21% from 215); Green value is 158 (61.96% from 255 or 73.49% from 215); Blue value is 131 (51.37% from 255 or 60.93% from 215); Max value from RGB is 158 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #7B9E83 hue: 0.37 , saturation: 0.15 and the lightness value of 7b9e83 is 0.55.

#7b9e83
(123 , 158 , 131)
  • R (123)
  • G (158)
  • B (131)
  • C (13.73)
  • M (0)
  • Y (10.59)
  • K (38.04)

Applying the #7b9e83

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

#76997e
#719479
#6c8f74
#678a6f
#62856a
#5d8065
#587b60
#53765b
#4e7156
#496c51
#44674c
#3f6247
#87aa8f
#93b69b
#9fc2a7
#abceb3
#b7dabf
#c3e6cb
#cff2d7
#dbfee3
#e7ffef
#f3fffb
#ffffff

Color spaces of #7b9e83

Type Values
RGB 123 158 131
HSL 0.37 0.15 0.55
HSV 134 22 62
CMYK 13.73 0 10.59 38.04
XYZ 24.492 30.3034 26.031
Hunter Lab 55.0485 -16.917 10.5067
CIE-Lab 61.9151 -17.6666 10.2073

Base Numbers

BaseRedGreenBlue
Decimal 123 158 131
Binary 1111011 10011110 10000011
Octal 173 236 203
Hex 7B 9E 83

Monochromatic Colors

#94b79c
#add0b5
#c6e9ce
#dfffe7
#f8ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7b9e83 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7B9E83 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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