#8F462D Information

#8F462D color RGB value is (143 , 70 , 45) , HEX triplet: 8f, 46 and 2d. RGB value is (143 , 70 , 45). Sum of RGB (Red+Green+Blue) = 143+70+45=258 (Red value is 143 (56.08% from 255 or 66.51% from 215); Green value is 70 (27.45% from 255 or 32.56% from 215); Blue value is 45 (17.65% from 255 or 20.93% from 215); Max value from RGB is 143 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #8F462D hue: 0.04 , saturation: 0.52 and the lightness value of 8f462d is 0.37.

#8f462d
(143 , 70 , 45)
  • R (143)
  • G (70)
  • B (45)
  • C (0)
  • M (28.63)
  • Y (38.43)
  • K (43.92)

Applying the #8f462d

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

#8a4128
#853c23
#80371e
#7b3219
#762d14
#71280f
#6c230a
#671e05
#621900
#5d1400
#580f00
#530a00
#9b5239
#a75e45
#b36a51
#bf765d
#cb8269
#d78e75
#e39a81
#efa68d
#fbb299
#ffbea5
#ffcab1
#ffd6bd

Color spaces of #8f462d

Type Values
RGB 143 70 45
HSL 0.04 0.52 0.37
HSV 15 69 56
CMYK 0 28.63 38.43 43.92
XYZ 13.9915 10.4094 3.7544
Hunter Lab 32.2636 20.9474 15.6872
CIE-Lab 38.5674 28.8005 28.9853

Base Numbers

BaseRedGreenBlue
Decimal 143 70 45
Binary 10001111 1000110 101101
Octal 217 106 55
Hex 8F 46 2D

Monochromatic Colors

#a85f46
#c1785f
#da9178
#f3aa91
#ffc3aa
#ffdcc3

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8f462d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8F462D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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