#488E53 Information

#488E53 color RGB value is (72 , 142 , 83) , HEX triplet: 48, 8e and 53. RGB value is (72 , 142 , 83). Sum of RGB (Red+Green+Blue) = 72+142+83=297 (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 83 (32.55% from 255 or 38.6% from 215); Max value from RGB is 142 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #488E53 hue: 0.36 , saturation: 0.33 and the lightness value of 488e53 is 0.42.

#488e53
(72 , 142 , 83)
  • R (72)
  • G (142)
  • B (83)
  • C (27.45)
  • M (0)
  • Y (23.14)
  • K (44.31)

Applying the #488e53

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

#43894e
#3e8449
#397f44
#347a3f
#2f753a
#2a7035
#256b30
#20662b
#1b6126
#165c21
#11571c
#0c5217
#549a5f
#60a66b
#6cb277
#78be83
#84ca8f
#90d69b
#9ce2a7
#a8eeb3
#b4fabf
#c0ffcb
#ccffd7
#d8ffe3

Color spaces of #488e53

Type Values
RGB 72 142 83
HSL 0.36 0.33 0.42
HSV 129 49 56
CMYK 27.45 0 23.14 44.31
XYZ 13.9068 21.3483 11.5713
Hunter Lab 46.2042 -27.1309 17.4991
CIE-Lab 53.3285 -35.3587 24.7985

Base Numbers

BaseRedGreenBlue
Decimal 72 142 83
Binary 1001000 10001110 1010011
Octal 110 216 123
Hex 48 8E 53

Monochromatic Colors

#61a76c
#7ac085
#93d99e
#acf2b7
#c5ffd0
#deffe9

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#488e53 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#488E53 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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