#3C5343 Information

#3C5343 color RGB value is (60 , 83 , 67) , HEX triplet: 3c, 53 and 43. RGB value is (60 , 83 , 67). Sum of RGB (Red+Green+Blue) = 60+83+67=210 (Red value is 60 (23.53% from 255 or 27.91% from 215); Green value is 83 (32.55% from 255 or 38.6% from 215); Blue value is 67 (26.27% from 255 or 31.16% from 215); Max value from RGB is 83 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #3C5343 hue: 0.38 , saturation: 0.16 and the lightness value of 3c5343 is 0.28.

#3c5343
(60 , 83 , 67)
  • R (60)
  • G (83)
  • B (67)
  • C (9.02)
  • M (0)
  • Y (6.27)
  • K (67.45)

Applying the #3c5343

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

#374e3e
#324939
#2d4434
#283f2f
#233a2a
#1e3525
#193020
#142b1b
#0f2616
#0a2111
#051c0c
#001707
#485f4f
#546b5b
#607767
#6c8373
#788f7f
#849b8b
#90a797
#9cb3a3
#a8bfaf
#b4cbbb
#c0d7c7
#cce3d3

Color spaces of #3c5343

Type Values
RGB 60 83 67
HSL 0.38 0.16 0.28
HSV 138 28 33
CMYK 9.02 0 6.27 67.45
XYZ 5.9699 7.5524 6.4533
Hunter Lab 27.4817 -9.3171 5.3192
CIE-Lab 33.0328 -12.5961 6.5615

Base Numbers

BaseRedGreenBlue
Decimal 60 83 67
Binary 111100 1010011 1000011
Octal 74 123 103
Hex 3C 53 43

Monochromatic Colors

#556c5c
#6e8575
#879e8e
#a0b7a7
#b9d0c0
#d2e9d9

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3c5343 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3C5343 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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