#488C6C Information

#488C6C color RGB value is (72 , 140 , 108) , HEX triplet: 48, 8c and 6c. RGB value is (72 , 140 , 108). Sum of RGB (Red+Green+Blue) = 72+140+108=320 (Red value is 72 (28.24% from 255 or 33.49% from 215); Green value is 140 (54.9% from 255 or 65.12% from 215); Blue value is 108 (42.35% from 255 or 50.23% from 215); Max value from RGB is 140 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #488C6C hue: 0.42 , saturation: 0.32 and the lightness value of 488c6c is 0.42.

#488c6c
(72 , 140 , 108)
  • R (72)
  • G (140)
  • B (108)
  • C (26.67)
  • M (0)
  • Y (12.55)
  • K (45.1)

Applying the #488c6c

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

#438767
#3e8262
#397d5d
#347858
#2f7353
#2a6e4e
#256949
#206444
#1b5f3f
#165a3a
#115535
#0c5030
#549878
#60a484
#6cb090
#78bc9c
#84c8a8
#90d4b4
#9ce0c0
#a8eccc
#b4f8d8
#c0ffe4
#ccfff0
#d8fffc

Color spaces of #488c6c

Type Values
RGB 72 140 108
HSL 0.42 0.32 0.42
HSV 152 49 55
CMYK 26.67 0 12.55 45.1
XYZ 14.7573 21.2166 17.5048
Hunter Lab 46.0615 -23.4188 9.7185
CIE-Lab 53.1857 -29.4779 10.5359

Base Numbers

BaseRedGreenBlue
Decimal 72 140 108
Binary 1001000 10001100 1101100
Octal 110 214 154
Hex 48 8C 6C

Monochromatic Colors

#61a585
#7abe9e
#93d7b7
#acf0d0
#c5ffe9
#deffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#488c6c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#488C6C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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