#78787B Information

#78787B color RGB value is (120 , 120 , 123) , HEX triplet: 78, 78 and 7b. RGB value is (120 , 120 , 123). Sum of RGB (Red+Green+Blue) = 120+120+123=363 (Red value is 120 (47.06% from 255 or 55.81% from 215); Green value is 120 (47.06% from 255 or 55.81% from 215); Blue value is 123 (48.24% from 255 or 57.21% from 215); Max value from RGB is 123 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #78787B hue: 0.67 , saturation: 0.01 and the lightness value of 78787b is 0.48.

#78787b
(120 , 120 , 123)
  • R (120)
  • G (120)
  • B (123)
  • C (1.18)
  • M (1.18)
  • Y (0)
  • K (51.76)

Applying the #78787b

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

#737376
#6e6e71
#69696c
#646467
#5f5f62
#5a5a5d
#555558
#505053
#4b4b4e
#464649
#414144
#3c3c3f
#848487
#909093
#9c9c9f
#a8a8ab
#b4b4b7
#c0c0c3
#cccccf
#d8d8db
#e4e4e7
#f0f0f3
#fcfcff
#ffffff

Color spaces of #78787b

Type Values
RGB 120 120 123
HSL 0.67 0.01 0.48
HSV 240 2 48
CMYK 1.18 1.18 0 51.76
XYZ 18.0374 18.8561 21.4278
Hunter Lab 43.4236 -1.8454 1.1493
CIE-Lab 50.5184 0.6131 -1.646

Base Numbers

BaseRedGreenBlue
Decimal 120 120 123
Binary 1111000 1111000 1111011
Octal 170 170 173
Hex 78 78 7B

Monochromatic Colors

#919194
#aaaaad
#c3c3c6
#dcdcdf
#f5f5f8
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#78787b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#78787B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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