#686959 Information

#686959 color RGB value is (104 , 105 , 89) , HEX triplet: 68, 69 and 59. RGB value is (104 , 105 , 89). Sum of RGB (Red+Green+Blue) = 104+105+89=298 (Red value is 104 (40.78% from 255 or 48.37% from 215); Green value is 105 (41.18% from 255 or 48.84% from 215); Blue value is 89 (34.9% from 255 or 41.4% from 215); Max value from RGB is 105 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #686959 hue: 0.18 , saturation: 0.08 and the lightness value of 686959 is 0.38.

#686959
(104 , 105 , 89)
  • R (104)
  • G (105)
  • B (89)
  • C (0.39)
  • M (0)
  • Y (6.27)
  • K (58.82)

Applying the #686959

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

#636454
#5e5f4f
#595a4a
#545545
#4f5040
#4a4b3b
#454636
#404131
#3b3c2c
#363727
#313222
#2c2d1d
#747565
#808171
#8c8d7d
#989989
#a4a595
#b0b1a1
#bcbdad
#c8c9b9
#d4d5c5
#e0e1d1
#eceddd
#f8f9e9

Color spaces of #686959

Type Values
RGB 104 105 89
HSL 0.18 0.08 0.38
HSV 64 15 41
CMYK 0.39 0 6.27 58.82
XYZ 12.5637 13.7675 11.4464
Hunter Lab 37.1045 -4.4923 7.6889
CIE-Lab 43.8976 -3.4791 8.8802

Base Numbers

BaseRedGreenBlue
Decimal 104 105 89
Binary 1101000 1101001 1011001
Octal 150 151 131
Hex 68 69 59

Monochromatic Colors

#818272
#9a9b8b
#b3b4a4
#cccdbd
#e5e6d6
#feffef

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#686959 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#686959 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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