#48E7B9 Information

#48E7B9 color RGB value is (72 , 231 , 185) , HEX triplet: 48, e7 and b9. RGB value is (72 , 231 , 185). Sum of RGB (Red+Green+Blue) = 72+231+185=488 (Red value is 72 (28.24% from 255 or 33.49% from 215); Green value is 231 (90.59% from 255 or 107.44% from 215); Blue value is 185 (72.55% from 255 or 86.05% from 215); Max value from RGB is 231 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #48E7B9 hue: 0.45 , saturation: 0.77 and the lightness value of 48e7b9 is 0.59.

#48e7b9
(72 , 231 , 185)
  • R (72)
  • G (231)
  • B (185)
  • C (62.35)
  • M (0)
  • Y (18.04)
  • K (9.41)

Applying the #48e7b9

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

#43e2b4
#3eddaf
#39d8aa
#34d3a5
#2fcea0
#2ac99b
#25c496
#20bf91
#1bba8c
#16b587
#11b082
#0cab7d
#54f3c5
#60ffd1
#6cffdd
#78ffe9
#84fff5
#90ffff
#9cffff
#a8ffff
#b4ffff
#c0ffff
#ccffff
#d8ffff

Color spaces of #48e7b9

Type Values
RGB 72 231 185
HSL 0.45 0.77 0.59
HSV 163 69 91
CMYK 62.35 0 18.04 9.41
XYZ 40.0054 62.0323 55.7639
Hunter Lab 78.7606 -47.1639 13.1682
CIE-Lab 82.9306 -51.7139 10.5549

Base Numbers

BaseRedGreenBlue
Decimal 72 231 185
Binary 1001000 11100111 10111001
Octal 110 347 271
Hex 48 E7 B9

Monochromatic Colors

#61ffd2
#7affeb
#93ffff
#acffff
#c5ffff
#deffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#48e7b9 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#48E7B9 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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