#6D6764 Information

#6D6764 color RGB value is (109 , 103 , 100) , HEX triplet: 6d, 67 and 64. RGB value is (109 , 103 , 100). Sum of RGB (Red+Green+Blue) = 109+103+100=312 (Red value is 109 (42.75% from 255 or 50.7% from 215); Green value is 103 (40.39% from 255 or 47.91% from 215); Blue value is 100 (39.22% from 255 or 46.51% from 215); Max value from RGB is 109 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #6D6764 hue: 0.06 , saturation: 0.04 and the lightness value of 6d6764 is 0.41.

#6d6764
(109 , 103 , 100)
  • R (109)
  • G (103)
  • B (100)
  • C (0)
  • M (2.35)
  • Y (3.53)
  • K (57.25)

Applying the #6d6764

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

#68625f
#635d5a
#5e5855
#595350
#544e4b
#4f4946
#4a4441
#453f3c
#403a37
#3b3532
#36302d
#312b28
#797370
#857f7c
#918b88
#9d9794
#a9a3a0
#b5afac
#c1bbb8
#cdc7c4
#d9d3d0
#e5dfdc
#f1ebe8
#fdf7f4

Color spaces of #6d6764

Type Values
RGB 109 103 100
HSL 0.06 0.04 0.41
HSV 20 8 43
CMYK 0 2.35 3.53 57.25
XYZ 13.4572 13.8718 14.0248
Hunter Lab 37.2449 -0.6834 3.7529
CIE-Lab 44.0485 1.7706 2.527

Base Numbers

BaseRedGreenBlue
Decimal 109 103 100
Binary 1101101 1100111 1100100
Octal 155 147 144
Hex 6D 67 64

Monochromatic Colors

#86807d
#9f9996
#b8b2af
#d1cbc8
#eae4e1
#fffdfa

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6d6764 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6D6764 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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