#7BD250 Information

#7BD250 color RGB value is (123 , 210 , 80) , HEX triplet: 7b, d2 and 50. RGB value is (123 , 210 , 80). Sum of RGB (Red+Green+Blue) = 123+210+80=413 (Red value is 123 (48.24% from 255 or 57.21% from 215); Green value is 210 (82.35% from 255 or 97.67% from 215); Blue value is 80 (31.37% from 255 or 37.21% from 215); Max value from RGB is 210 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #7BD250 hue: 0.28 , saturation: 0.59 and the lightness value of 7bd250 is 0.57.

#7bd250
(123 , 210 , 80)
  • R (123)
  • G (210)
  • B (80)
  • C (34.12)
  • M (0)
  • Y (50.98)
  • K (17.65)

Applying the #7bd250

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

#76cd4b
#71c846
#6cc341
#67be3c
#62b937
#5db432
#58af2d
#53aa28
#4ea523
#49a01e
#449b19
#3f9614
#87de5c
#93ea68
#9ff674
#abff80
#b7ff8c
#c3ff98
#cfffa4
#dbffb0
#e7ffbc
#f3ffc8
#ffffd4
#ffffe0

Color spaces of #7bd250

Type Values
RGB 123 210 80
HSL 0.28 0.59 0.57
HSV 100 62 82
CMYK 34.12 0 50.98 17.65
XYZ 32.6629 50.8833 15.6894
Hunter Lab 71.3326 -43.0969 36.8957
CIE-Lab 76.6083 -48.9525 54.817

Base Numbers

BaseRedGreenBlue
Decimal 123 210 80
Binary 1111011 11010010 1010000
Octal 173 322 120
Hex 7B D2 50

Monochromatic Colors

#94eb69
#adff82
#c6ff9b
#dfffb4
#f8ffcd
#ffffe6

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#7bd250 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#7BD250 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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