#3C686C Information

#3C686C color RGB value is (60 , 104 , 108) , HEX triplet: 3c, 68 and 6c. RGB value is (60 , 104 , 108). Sum of RGB (Red+Green+Blue) = 60+104+108=272 (Red value is 60 (23.53% from 255 or 27.91% from 215); Green value is 104 (40.78% from 255 or 48.37% from 215); Blue value is 108 (42.35% from 255 or 50.23% from 215); Max value from RGB is 108 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #3C686C hue: 0.51 , saturation: 0.29 and the lightness value of 3c686c is 0.33.

#3c686c
(60 , 104 , 108)
  • R (60)
  • G (104)
  • B (108)
  • C (18.82)
  • M (1.57)
  • Y (0)
  • K (57.65)

Applying the #3c686c

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

#376367
#325e62
#2d595d
#285458
#234f53
#1e4a4e
#194549
#144044
#0f3b3f
#0a363a
#053135
#002c30
#487478
#548084
#608c90
#6c989c
#78a4a8
#84b0b4
#90bcc0
#9cc8cc
#a8d4d8
#b4e0e4
#c0ecf0
#ccf8fc

Color spaces of #3c686c

Type Values
RGB 60 104 108
HSL 0.51 0.29 0.33
HSV 185 44 42
CMYK 18.82 1.57 0 57.65
XYZ 9.5206 11.944 15.991
Hunter Lab 34.5601 -11.307 -3.2319
CIE-Lab 41.127 -14.0284 -7.0253

Base Numbers

BaseRedGreenBlue
Decimal 60 104 108
Binary 111100 1101000 1101100
Octal 74 150 154
Hex 3C 68 6C

Monochromatic Colors

#558185
#6e9a9e
#87b3b7
#a0ccd0
#b9e5e9
#d2feff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3c686c Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3C686C Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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