#78969B Information

#78969B color RGB value is (120 , 150 , 155) , HEX triplet: 78, 96 and 9b. RGB value is (120 , 150 , 155). Sum of RGB (Red+Green+Blue) = 120+150+155=425 (Red value is 120 (47.06% from 255 or 55.81% from 215); Green value is 150 (58.82% from 255 or 69.77% from 215); Blue value is 155 (60.78% from 255 or 72.09% from 215); Max value from RGB is 155 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #78969B hue: 0.52 , saturation: 0.15 and the lightness value of 78969b is 0.54.

#78969b
(120 , 150 , 155)
  • R (120)
  • G (150)
  • B (155)
  • C (13.73)
  • M (1.96)
  • Y (0)
  • K (39.22)

Applying the #78969b

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

#739196
#6e8c91
#69878c
#648287
#5f7d82
#5a787d
#557378
#506e73
#4b696e
#466469
#415f64
#3c5a5f
#84a2a7
#90aeb3
#9cbabf
#a8c6cb
#b4d2d7
#c0dee3
#cceaef
#d8f6fb
#e4ffff
#f0ffff
#fcffff
#ffffff

Color spaces of #78969b

Type Values
RGB 120 150 155
HSL 0.52 0.15 0.54
HSV 189 23 61
CMYK 13.73 1.96 0 39.22
XYZ 24.5685 28.1723 35.1533
Hunter Lab 53.0776 -10.2617 -2.0998
CIE-Lab 60.0441 -9.2711 -6.093

Base Numbers

BaseRedGreenBlue
Decimal 120 150 155
Binary 1111000 10010110 10011011
Octal 170 226 233
Hex 78 96 9B

Monochromatic Colors

#91afb4
#aac8cd
#c3e1e6
#dcfaff
#f5ffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#78969b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#78969B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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