#AF4E47 Information

#AF4E47 color RGB value is (175 , 78 , 71) , HEX triplet: af, 4e and 47. RGB value is (175 , 78 , 71). Sum of RGB (Red+Green+Blue) = 175+78+71=324 (Red value is 175 (68.63% from 255 or 81.4% from 215); Green value is 78 (30.59% from 255 or 36.28% from 215); Blue value is 71 (27.84% from 255 or 33.02% from 215); Max value from RGB is 175 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AF4E47 hue: 0.01 , saturation: 0.42 and the lightness value of af4e47 is 0.48.

#af4e47
(175 , 78 , 71)
  • R (175)
  • G (78)
  • B (71)
  • C (0)
  • M (38.04)
  • Y (40.78)
  • K (31.37)

Applying the #af4e47

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

#aa4942
#a5443d
#a03f38
#9b3a33
#96352e
#913029
#8c2b24
#87261f
#82211a
#7d1c15
#781710
#73120b
#bb5a53
#c7665f
#d3726b
#df7e77
#eb8a83
#f7968f
#ffa29b
#ffaea7
#ffbab3
#ffc6bf
#ffd2cb
#ffded7

Color spaces of #af4e47

Type Values
RGB 175 78 71
HSL 0.01 0.42 0.48
HSV 4 59 69
CMYK 0 38.04 40.78 31.37
XYZ 21.5409 15.0177 7.7246
Hunter Lab 38.7526 31.4034 15.3122
CIE-Lab 45.6584 39.0757 23.513

Base Numbers

BaseRedGreenBlue
Decimal 175 78 71
Binary 10101111 1001110 1000111
Octal 257 116 107
Hex AF 4E 47

Monochromatic Colors

#c86760
#e18079
#fa9992
#ffb2ab
#ffcbc4
#ffe4dd

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#af4e47 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AF4E47 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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