#8E552D Information

#8E552D color RGB value is (142 , 85 , 45) , HEX triplet: 8e, 55 and 2d. RGB value is (142 , 85 , 45). Sum of RGB (Red+Green+Blue) = 142+85+45=272 (Red value is 142 (55.69% from 255 or 66.05% from 215); Green value is 85 (33.33% from 255 or 39.53% from 215); Blue value is 45 (17.65% from 255 or 20.93% from 215); Max value from RGB is 142 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #8E552D hue: 0.07 , saturation: 0.52 and the lightness value of 8e552d is 0.37.

#8e552d
(142 , 85 , 45)
  • R (142)
  • G (85)
  • B (45)
  • C (0)
  • M (22.35)
  • Y (38.04)
  • K (44.31)

Applying the #8e552d

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

#895028
#844b23
#7f461e
#7a4119
#753c14
#70370f
#6b320a
#662d05
#612800
#5c2300
#571e00
#521900
#9a6139
#a66d45
#b27951
#be855d
#ca9169
#d69d75
#e2a981
#eeb58d
#fac199
#ffcda5
#ffd9b1
#ffe5bd

Color spaces of #8e552d

Type Values
RGB 142 85 45
HSL 0.07 0.52 0.37
HSV 25 68 56
CMYK 0 22.35 38.04 44.31
XYZ 14.8775 12.4372 4.0991
Hunter Lab 35.2665 13.5856 17.797
CIE-Lab 41.9028 19.8828 32.8017

Base Numbers

BaseRedGreenBlue
Decimal 142 85 45
Binary 10001110 1010101 101101
Octal 216 125 55
Hex 8E 55 2D

Monochromatic Colors

#a76e46
#c0875f
#d9a078
#f2b991
#ffd2aa
#ffebc3

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#8e552d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#8E552D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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