#AF5F47 Information

#AF5F47 color RGB value is (175 , 95 , 71) , HEX triplet: af, 5f and 47. RGB value is (175 , 95 , 71). Sum of RGB (Red+Green+Blue) = 175+95+71=341 (Red value is 175 (68.63% from 255 or 81.4% from 215); Green value is 95 (37.25% from 255 or 44.19% 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 #AF5F47 hue: 0.04 , saturation: 0.42 and the lightness value of af5f47 is 0.48.

#af5f47
(175 , 95 , 71)
  • R (175)
  • G (95)
  • B (71)
  • C (0)
  • M (31.37)
  • Y (40.78)
  • K (31.37)

Applying the #af5f47

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

#aa5a42
#a5553d
#a05038
#9b4b33
#96462e
#914129
#8c3c24
#87371f
#82321a
#7d2d15
#782810
#73230b
#bb6b53
#c7775f
#d3836b
#df8f77
#eb9b83
#f7a78f
#ffb39b
#ffbfa7
#ffcbb3
#ffd7bf
#ffe3cb
#ffefd7

Color spaces of #af5f47

Type Values
RGB 175 95 71
HSL 0.04 0.42 0.48
HSV 14 59 69
CMYK 0 31.37 40.78 31.37
XYZ 22.9087 17.7533 8.1805
Hunter Lab 42.1347 23.3154 17.9865
CIE-Lab 49.1955 30.1499 28.0135

Base Numbers

BaseRedGreenBlue
Decimal 175 95 71
Binary 10101111 1011111 1000111
Octal 257 137 107
Hex AF 5F 47

Monochromatic Colors

#c87860
#e19179
#faaa92
#ffc3ab
#ffdcc4
#fff5dd

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#af5f47 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AF5F47 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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