#AF6C2D Information

#AF6C2D color RGB value is (175 , 108 , 45) , HEX triplet: af, 6c and 2d. RGB value is (175 , 108 , 45). Sum of RGB (Red+Green+Blue) = 175+108+45=328 (Red value is 175 (68.63% from 255 or 81.4% from 215); Green value is 108 (42.35% from 255 or 50.23% from 215); Blue value is 45 (17.65% from 255 or 20.93% from 215); Max value from RGB is 175 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AF6C2D hue: 0.08 , saturation: 0.59 and the lightness value of af6c2d is 0.43.

#af6c2d
(175 , 108 , 45)
  • R (175)
  • G (108)
  • B (45)
  • C (0)
  • M (26.27)
  • Y (50.98)
  • K (31.37)

Applying the #af6c2d

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

#aa6728
#a56223
#a05d1e
#9b5819
#965314
#914e0f
#8c490a
#874405
#823f00
#7d3a00
#783500
#733000
#bb7839
#c78445
#d39051
#df9c5d
#eba869
#f7b475
#ffc081
#ffcc8d
#ffd899
#ffe4a5
#fff0b1
#fffcbd

Color spaces of #af6c2d

Type Values
RGB 175 108 45
HSL 0.08 0.59 0.43
HSV 29 74 69
CMYK 0 26.27 50.98 31.37
XYZ 23.5154 20.0285 5.1091
Hunter Lab 44.7533 15.474 24.5603
CIE-Lab 51.8695 21.3472 44.8792

Base Numbers

BaseRedGreenBlue
Decimal 175 108 45
Binary 10101111 1101100 101101
Octal 257 154 55
Hex AF 6C 2D

Monochromatic Colors

#c88546
#e19e5f
#fab778
#ffd091
#ffe9aa
#ffffc3

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#af6c2d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AF6C2D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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