#6D968C Information

#6D968C color RGB value is (109 , 150 , 140) , HEX triplet: 6d, 96 and 8c. RGB value is (109 , 150 , 140). Sum of RGB (Red+Green+Blue) = 109+150+140=399 (Red value is 109 (42.75% from 255 or 50.7% from 215); Green value is 150 (58.82% from 255 or 69.77% from 215); Blue value is 140 (54.9% from 255 or 65.12% from 215); Max value from RGB is 150 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #6D968C hue: 0.46 , saturation: 0.16 and the lightness value of 6d968c is 0.51.

#6d968c
(109 , 150 , 140)
  • R (109)
  • G (150)
  • B (140)
  • C (16.08)
  • M (0)
  • Y (3.92)
  • K (41.18)

Applying the #6d968c

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

#689187
#638c82
#5e877d
#598278
#547d73
#4f786e
#4a7369
#456e64
#40695f
#3b645a
#365f55
#315a50
#79a298
#85aea4
#91bab0
#9dc6bc
#a9d2c8
#b5ded4
#c1eae0
#cdf6ec
#d9fff8
#e5ffff
#f1ffff
#fdffff

Color spaces of #6d968c

Type Values
RGB 109 150 140
HSL 0.46 0.16 0.51
HSV 165 27 59
CMYK 16.08 0 3.92 41.18
XYZ 21.9466 26.9574 28.8575
Hunter Lab 51.9205 -15.4091 3.4021
CIE-Lab 58.9348 -16.2483 0.7296

Base Numbers

BaseRedGreenBlue
Decimal 109 150 140
Binary 1101101 10010110 10001100
Octal 155 226 214
Hex 6D 96 8C

Monochromatic Colors

#86afa5
#9fc8be
#b8e1d7
#d1faf0
#eaffff
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6d968c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6D968C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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