#8B7446 Information

#8B7446 color RGB value is (139 , 116 , 70) , HEX triplet: 8b, 74 and 46. RGB value is (139 , 116 , 70). Sum of RGB (Red+Green+Blue) = 139+116+70=325 (Red value is 139 (54.51% from 255 or 64.65% from 215); Green value is 116 (45.49% from 255 or 53.95% from 215); Blue value is 70 (27.45% from 255 or 32.56% from 215); Max value from RGB is 139 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #8B7446 hue: 0.11 , saturation: 0.33 and the lightness value of 8b7446 is 0.41.

#8b7446
(139 , 116 , 70)
  • R (139)
  • G (116)
  • B (70)
  • C (0)
  • M (9.02)
  • Y (27.06)
  • K (45.49)

Applying the #8b7446

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

#866f41
#816a3c
#7c6537
#776032
#725b2d
#6d5628
#685123
#634c1e
#5e4719
#594214
#543d0f
#4f380a
#978052
#a38c5e
#af986a
#bba476
#c7b082
#d3bc8e
#dfc89a
#ebd4a6
#f7e0b2
#ffecbe
#fff8ca
#ffffd6

Color spaces of #8b7446

Type Values
RGB 139 116 70
HSL 0.11 0.33 0.41
HSV 40 50 55
CMYK 0 9.02 27.06 45.49
XYZ 17.9983 18.4219 8.4015
Hunter Lab 42.9208 -0.2593 18.4424
CIE-Lab 50.0039 2.6233 28.6542

Base Numbers

BaseRedGreenBlue
Decimal 139 116 70
Binary 10001011 1110100 1000110
Octal 213 164 106
Hex 8B 74 46

Monochromatic Colors

#a48d5f
#bda678
#d6bf91
#efd8aa
#fff1c3
#ffffdc

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8b7446 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8B7446 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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