#48AC84 Information

#48AC84 color RGB value is (72 , 172 , 132) , HEX triplet: 48, ac and 84. RGB value is (72 , 172 , 132). Sum of RGB (Red+Green+Blue) = 72+172+132=376 (Red value is 72 (28.24% from 255 or 33.49% from 215); Green value is 172 (67.45% from 255 or 80% from 215); Blue value is 132 (51.76% from 255 or 61.4% from 215); Max value from RGB is 172 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #48AC84 hue: 0.43 , saturation: 0.41 and the lightness value of 48ac84 is 0.48.

#48ac84
(72 , 172 , 132)
  • R (72)
  • G (172)
  • B (132)
  • C (39.22)
  • M (0)
  • Y (15.69)
  • K (32.55)

Applying the #48ac84

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

#43a77f
#3ea27a
#399d75
#349870
#2f936b
#2a8e66
#258961
#20845c
#1b7f57
#167a52
#11754d
#0c7048
#54b890
#60c49c
#6cd0a8
#78dcb4
#84e8c0
#90f4cc
#9cffd8
#a8ffe4
#b4fff0
#c0fffc
#ccffff
#d8ffff

Color spaces of #48ac84

Type Values
RGB 72 172 132
HSL 0.43 0.41 0.48
HSV 156 58 67
CMYK 39.22 0 15.69 32.55
XYZ 21.5899 32.5487 26.9744
Hunter Lab 57.0515 -32.2903 11.9126
CIE-Lab 63.7938 -38.8635 11.9646

Base Numbers

BaseRedGreenBlue
Decimal 72 172 132
Binary 1001000 10101100 10000100
Octal 110 254 204
Hex 48 AC 84

Monochromatic Colors

#61c59d
#7adeb6
#93f7cf
#acffe8
#c5ffff
#deffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#48ac84 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#48AC84 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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