#AF8E74 Information

#AF8E74 color RGB value is (175 , 142 , 116) , HEX triplet: af, 8e and 74. RGB value is (175 , 142 , 116). Sum of RGB (Red+Green+Blue) = 175+142+116=433 (Red value is 175 (68.63% from 255 or 81.4% from 215); Green value is 142 (55.69% from 255 or 66.05% from 215); Blue value is 116 (45.49% from 255 or 53.95% from 215); Max value from RGB is 175 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AF8E74 hue: 0.07 , saturation: 0.27 and the lightness value of af8e74 is 0.57.

#af8e74
(175 , 142 , 116)
  • R (175)
  • G (142)
  • B (116)
  • C (0)
  • M (12.94)
  • Y (23.14)
  • K (31.37)

Applying the #af8e74

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

#aa896f
#a5846a
#a07f65
#9b7a60
#96755b
#917056
#8c6b51
#87664c
#826147
#7d5c42
#78573d
#735238
#bb9a80
#c7a68c
#d3b298
#dfbea4
#ebcab0
#f7d6bc
#ffe2c8
#ffeed4
#fffae0
#ffffec
#fffff8
#ffffff

Color spaces of #af8e74

Type Values
RGB 175 142 116
HSL 0.07 0.27 0.57
HSV 26 34 69
CMYK 0 12.94 23.14 31.37
XYZ 30.5046 29.7209 20.6519
Hunter Lab 54.5169 4.4742 15.7091
CIE-Lab 61.4127 8.6552 18.5586

Base Numbers

BaseRedGreenBlue
Decimal 175 142 116
Binary 10101111 10001110 1110100
Octal 257 216 164
Hex AF 8E 74

Monochromatic Colors

#c8a78d
#e1c0a6
#fad9bf
#fff2d8
#fffff1
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#af8e74 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AF8E74 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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