#686C1B Information

#686C1B color RGB value is (104 , 108 , 27) , HEX triplet: 68, 6c and 1b. RGB value is (104 , 108 , 27). Sum of RGB (Red+Green+Blue) = 104+108+27=239 (Red value is 104 (40.78% from 255 or 48.37% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 27 (10.59% from 255 or 12.56% from 215); Max value from RGB is 108 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #686C1B hue: 0.17 , saturation: 0.6 and the lightness value of 686c1b is 0.26.

#686c1b
(104 , 108 , 27)
  • R (104)
  • G (108)
  • B (27)
  • C (1.57)
  • M (0)
  • Y (31.76)
  • K (57.65)

Applying the #686c1b

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

#636716
#5e6211
#595d0c
#545807
#4f5302
#4a4e00
#454900
#404400
#3b3f00
#363a00
#313500
#2c3000
#747827
#808433
#8c903f
#989c4b
#a4a857
#b0b463
#bcc06f
#c8cc7b
#d4d887
#e0e493
#ecf09f
#f8fcab

Color spaces of #686c1b

Type Values
RGB 104 108 27
HSL 0.17 0.6 0.26
HSV 63 75 42
CMYK 1.57 0 31.76 57.65
XYZ 11.2693 13.7473 3.0965
Hunter Lab 37.0774 -10.6318 21.0038
CIE-Lab 43.8683 -12.4185 42.1742

Base Numbers

BaseRedGreenBlue
Decimal 104 108 27
Binary 1101000 1101100 11011
Octal 150 154 33
Hex 68 6C 1B

Monochromatic Colors

#818534
#9a9e4d
#b3b766
#ccd07f
#e5e998
#feffb1

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#686c1b Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#686C1B Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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