#8C5348 Information

#8C5348 color RGB value is (140 , 83 , 72) , HEX triplet: 8c, 53 and 48. RGB value is (140 , 83 , 72). Sum of RGB (Red+Green+Blue) = 140+83+72=295 (Red value is 140 (54.9% from 255 or 65.12% from 215); Green value is 83 (32.55% from 255 or 38.6% from 215); Blue value is 72 (28.24% from 255 or 33.49% from 215); Max value from RGB is 140 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #8C5348 hue: 0.03 , saturation: 0.32 and the lightness value of 8c5348 is 0.42.

#8c5348
(140 , 83 , 72)
  • R (140)
  • G (83)
  • B (72)
  • C (0)
  • M (22.35)
  • Y (26.67)
  • K (45.1)

Applying the #8c5348

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

#874e43
#82493e
#7d4439
#783f34
#733a2f
#6e352a
#693025
#642b20
#5f261b
#5a2116
#551c11
#50170c
#985f54
#a46b60
#b0776c
#bc8378
#c88f84
#d49b90
#e0a79c
#ecb3a8
#f8bfb4
#ffcbc0
#ffd7cc
#ffe3d8

Color spaces of #8c5348

Type Values
RGB 140 83 72
HSL 0.03 0.32 0.42
HSV 10 49 55
CMYK 0 22.35 26.67 45.1
XYZ 15.0782 12.2298 7.6968
Hunter Lab 34.9712 15.7626 11.435
CIE-Lab 41.5791 22.4842 16.5792

Base Numbers

BaseRedGreenBlue
Decimal 140 83 72
Binary 10001100 1010011 1001000
Octal 214 123 110
Hex 8C 53 48

Monochromatic Colors

#a56c61
#be857a
#d79e93
#f0b7ac
#ffd0c5
#ffe9de

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8c5348 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8C5348 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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