#48AD48 Information

#48AD48 color RGB value is (72 , 173 , 72) , HEX triplet: 48, ad and 48. RGB value is (72 , 173 , 72). Sum of RGB (Red+Green+Blue) = 72+173+72=317 (Red value is 72 (28.24% from 255 or 33.49% from 215); Green value is 173 (67.84% from 255 or 80.47% from 215); Blue value is 72 (28.24% from 255 or 33.49% from 215); Max value from RGB is 173 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #48AD48 hue: 0.33 , saturation: 0.41 and the lightness value of 48ad48 is 0.48.

#48ad48
(72 , 173 , 72)
  • R (72)
  • G (173)
  • B (72)
  • C (39.61)
  • M (0)
  • Y (39.61)
  • K (32.16)

Applying the #48ad48

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

#43a843
#3ea33e
#399e39
#349934
#2f942f
#2a8f2a
#258a25
#208520
#1b801b
#167b16
#117611
#0c710c
#54b954
#60c560
#6cd16c
#78dd78
#84e984
#90f590
#9cff9c
#a8ffa8
#b4ffb4
#c0ffc0
#ccffcc
#d8ffd8

Color spaces of #48ad48

Type Values
RGB 72 173 72
HSL 0.33 0.41 0.48
HSV 120 58 68
CMYK 39.61 0 39.61 32.16
XYZ 18.7858 31.7327 11.2658
Hunter Lab 56.3318 -39.0534 27.5782
CIE-Lab 63.1214 -49.7899 42.5237

Base Numbers

BaseRedGreenBlue
Decimal 72 173 72
Binary 1001000 10101101 1001000
Octal 110 255 110
Hex 48 AD 48

Monochromatic Colors

#61c661
#7adf7a
#93f893
#acffac
#c5ffc5
#deffde

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#48ad48 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#48AD48 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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