#488E76 Information

#488E76 color RGB value is (72 , 142 , 118) , HEX triplet: 48, 8e and 76. RGB value is (72 , 142 , 118). Sum of RGB (Red+Green+Blue) = 72+142+118=332 (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 118 (46.27% from 255 or 54.88% from 215); Max value from RGB is 142 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #488E76 hue: 0.44 , saturation: 0.33 and the lightness value of 488e76 is 0.42.

#488e76
(72 , 142 , 118)
  • R (72)
  • G (142)
  • B (118)
  • C (27.45)
  • M (0)
  • Y (9.41)
  • K (44.31)

Applying the #488e76

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

#438971
#3e846c
#397f67
#347a62
#2f755d
#2a7058
#256b53
#20664e
#1b6149
#165c44
#11573f
#0c523a
#549a82
#60a68e
#6cb29a
#78bea6
#84cab2
#90d6be
#9ce2ca
#a8eed6
#b4fae2
#c0ffee
#ccfffa
#d8ffff

Color spaces of #488e76

Type Values
RGB 72 142 118
HSL 0.44 0.33 0.42
HSV 159 49 56
CMYK 27.45 0 9.41 44.31
XYZ 15.6155 22.0317 20.5691
Hunter Lab 46.938 -22.7571 6.8834
CIE-Lab 54.0606 -28.1378 6.0366

Base Numbers

BaseRedGreenBlue
Decimal 72 142 118
Binary 1001000 10001110 1110110
Octal 110 216 166
Hex 48 8E 76

Monochromatic Colors

#61a78f
#7ac0a8
#93d9c1
#acf2da
#c5fff3
#deffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#488e76 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#488E76 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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