#8B5748 Information

#8B5748 color RGB value is (139 , 87 , 72) , HEX triplet: 8b, 57 and 48. RGB value is (139 , 87 , 72). Sum of RGB (Red+Green+Blue) = 139+87+72=298 (Red value is 139 (54.51% from 255 or 64.65% from 215); Green value is 87 (34.12% from 255 or 40.47% from 215); Blue value is 72 (28.24% from 255 or 33.49% from 215); Max value from RGB is 139 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #8B5748 hue: 0.04 , saturation: 0.32 and the lightness value of 8b5748 is 0.41.

#8b5748
(139 , 87 , 72)
  • R (139)
  • G (87)
  • B (72)
  • C (0)
  • M (20.39)
  • Y (26.27)
  • K (45.49)

Applying the #8b5748

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

#865243
#814d3e
#7c4839
#774334
#723e2f
#6d392a
#683425
#632f20
#5e2a1b
#592516
#542011
#4f1b0c
#976354
#a36f60
#af7b6c
#bb8778
#c79384
#d39f90
#dfab9c
#ebb7a8
#f7c3b4
#ffcfc0
#ffdbcc
#ffe7d8

Color spaces of #8b5748

Type Values
RGB 139 87 72
HSL 0.04 0.32 0.41
HSV 13 48 55
CMYK 0 20.39 26.27 45.49
XYZ 15.2254 12.7732 7.7939
Hunter Lab 35.7397 13.498 12.0923
CIE-Lab 42.4196 19.7394 17.6819

Base Numbers

BaseRedGreenBlue
Decimal 139 87 72
Binary 10001011 1010111 1001000
Octal 213 127 110
Hex 8B 57 48

Monochromatic Colors

#a47061
#bd897a
#d6a293
#efbbac
#ffd4c5
#ffedde

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8b5748 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8B5748 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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