#486D5F Information

#486D5F color RGB value is (72 , 109 , 95) , HEX triplet: 48, 6d and 5f. RGB value is (72 , 109 , 95). Sum of RGB (Red+Green+Blue) = 72+109+95=276 (Red value is 72 (28.24% from 255 or 33.49% from 215); Green value is 109 (42.75% from 255 or 50.7% from 215); Blue value is 95 (37.25% from 255 or 44.19% from 215); Max value from RGB is 109 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #486D5F hue: 0.44 , saturation: 0.2 and the lightness value of 486d5f is 0.35.

#486d5f
(72 , 109 , 95)
  • R (72)
  • G (109)
  • B (95)
  • C (14.51)
  • M (0)
  • Y (5.49)
  • K (57.25)

Applying the #486d5f

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

#43685a
#3e6355
#395e50
#34594b
#2f5446
#2a4f41
#254a3c
#204537
#1b4032
#163b2d
#113628
#0c3123
#54796b
#608577
#6c9183
#789d8f
#84a99b
#90b5a7
#9cc1b3
#a8cdbf
#b4d9cb
#c0e5d7
#ccf1e3
#d8fdef

Color spaces of #486d5f

Type Values
RGB 72 109 95
HSL 0.44 0.2 0.35
HSV 157 34 43
CMYK 14.51 0 5.49 57.25
XYZ 10.2067 13.1412 12.825
Hunter Lab 36.2508 -13.1807 4.4067
CIE-Lab 42.9753 -16.5459 3.6431

Base Numbers

BaseRedGreenBlue
Decimal 72 109 95
Binary 1001000 1101101 1011111
Octal 110 155 137
Hex 48 6D 5F

Monochromatic Colors

#618678
#7a9f91
#93b8aa
#acd1c3
#c5eadc
#defff5

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#486d5f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#486D5F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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