#488E5C Information

#488E5C color RGB value is (72 , 142 , 92) , HEX triplet: 48, 8e and 5c. RGB value is (72 , 142 , 92). Sum of RGB (Red+Green+Blue) = 72+142+92=306 (Red value is 72 (28.24% from 255 or 33.49% from 215); Green value is 142 (55.69% from 255 or 66.05% from 215); Blue value is 92 (36.08% from 255 or 42.79% from 215); Max value from RGB is 142 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #488E5C hue: 0.38 , saturation: 0.33 and the lightness value of 488e5c is 0.42.

#488e5c
(72 , 142 , 92)
  • R (72)
  • G (142)
  • B (92)
  • C (27.45)
  • M (0)
  • Y (19.61)
  • K (44.31)

Applying the #488e5c

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

#438957
#3e8452
#397f4d
#347a48
#2f7543
#2a703e
#256b39
#206634
#1b612f
#165c2a
#115725
#0c5220
#549a68
#60a674
#6cb280
#78be8c
#84ca98
#90d6a4
#9ce2b0
#a8eebc
#b4fac8
#c0ffd4
#ccffe0
#d8ffec

Color spaces of #488e5c

Type Values
RGB 72 142 92
HSL 0.38 0.33 0.42
HSV 137 49 56
CMYK 27.45 0 19.61 44.31
XYZ 14.2773 21.4964 13.5219
Hunter Lab 46.3642 -26.1704 15.1689
CIE-Lab 53.4886 -33.7296 20.0249

Base Numbers

BaseRedGreenBlue
Decimal 72 142 92
Binary 1001000 10001110 1011100
Octal 110 216 134
Hex 48 8E 5C

Monochromatic Colors

#61a775
#7ac08e
#93d9a7
#acf2c0
#c5ffd9
#defff2

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#488e5c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#488E5C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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