#488E8B Information

#488E8B color RGB value is (72 , 142 , 139) , HEX triplet: 48, 8e and 8b. RGB value is (72 , 142 , 139). Sum of RGB (Red+Green+Blue) = 72+142+139=353 (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 139 (54.51% from 255 or 64.65% from 215); Max value from RGB is 142 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #488E8B hue: 0.49 , saturation: 0.33 and the lightness value of 488e8b is 0.42.

#488e8b
(72 , 142 , 139)
  • R (72)
  • G (142)
  • B (139)
  • C (27.45)
  • M (0)
  • Y (1.18)
  • K (44.31)

Applying the #488e8b

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

#438986
#3e8481
#397f7c
#347a77
#2f7572
#2a706d
#256b68
#206663
#1b615e
#165c59
#115754
#0c524f
#549a97
#60a6a3
#6cb2af
#78bebb
#84cac7
#90d6d3
#9ce2df
#a8eeeb
#b4faf7
#c0ffff
#ccffff
#d8ffff

Color spaces of #488e8b

Type Values
RGB 72 142 139
HSL 0.49 0.33 0.42
HSV 177 49 56
CMYK 27.45 0 1.18 44.31
XYZ 17.0057 22.5878 27.8897
Hunter Lab 47.5266 -19.3015 -1.512
CIE-Lab 54.6452 -22.7608 -5.2138

Base Numbers

BaseRedGreenBlue
Decimal 72 142 139
Binary 1001000 10001110 10001011
Octal 110 216 213
Hex 48 8E 8B

Monochromatic Colors

#61a7a4
#7ac0bd
#93d9d6
#acf2ef
#c5ffff
#deffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#488e8b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#488E8B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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