#784E64 Information

#784E64 color RGB value is (120 , 78 , 100) , HEX triplet: 78, 4e and 64. RGB value is (120 , 78 , 100). Sum of RGB (Red+Green+Blue) = 120+78+100=298 (Red value is 120 (47.06% from 255 or 55.81% from 215); Green value is 78 (30.59% from 255 or 36.28% from 215); Blue value is 100 (39.22% from 255 or 46.51% from 215); Max value from RGB is 120 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #784E64 hue: 0.91 , saturation: 0.21 and the lightness value of 784e64 is 0.39.

#784e64
(120 , 78 , 100)
  • R (120)
  • G (78)
  • B (100)
  • C (0)
  • M (16.47)
  • Y (7.84)
  • K (52.94)

Applying the #784e64

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

#73495f
#6e445a
#693f55
#643a50
#5f354b
#5a3046
#552b41
#50263c
#4b2137
#461c32
#41172d
#3c1228
#845a70
#90667c
#9c7288
#a87e94
#b48aa0
#c096ac
#cca2b8
#d8aec4
#e4bad0
#f0c6dc
#fcd2e8
#ffdef4

Color spaces of #784e64

Type Values
RGB 120 78 100
HSL 0.91 0.21 0.39
HSV 329 35 47
CMYK 0 16.47 7.84 52.94
XYZ 12.7704 10.3619 13.3836
Hunter Lab 32.19 14.4819 -2.1094
CIE-Lab 38.4844 21.2431 -5.5029

Base Numbers

BaseRedGreenBlue
Decimal 120 78 100
Binary 1111000 1001110 1100100
Octal 170 116 144
Hex 78 4E 64

Monochromatic Colors

#91677d
#aa8096
#c399af
#dcb2c8
#f5cbe1
#ffe4fa

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#784e64 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#784E64 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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