#AF4626 Information

#AF4626 color RGB value is (175 , 70 , 38) , HEX triplet: af, 46 and 26. RGB value is (175 , 70 , 38). Sum of RGB (Red+Green+Blue) = 175+70+38=283 (Red value is 175 (68.63% from 255 or 81.4% from 215); Green value is 70 (27.45% from 255 or 32.56% from 215); Blue value is 38 (14.9% from 255 or 17.67% from 215); Max value from RGB is 175 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AF4626 hue: 0.04 , saturation: 0.64 and the lightness value of af4626 is 0.42.

#af4626
(175 , 70 , 38)
  • R (175)
  • G (70)
  • B (38)
  • C (0)
  • M (41.18)
  • Y (53.73)
  • K (31.37)

Applying the #af4626

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

#aa4121
#a53c1c
#a03717
#9b3212
#962d0d
#912808
#8c2303
#871e00
#821900
#7d1400
#780f00
#730a00
#bb5232
#c75e3e
#d36a4a
#df7656
#eb8262
#f78e6e
#ff9a7a
#ffa686
#ffb292
#ffbe9e
#ffcaaa
#ffd6b6

Color spaces of #af4626

Type Values
RGB 175 70 38
HSL 0.04 0.64 0.42
HSV 14 78 69
CMYK 0 41.18 53.73 31.37
XYZ 20.2192 13.6342 3.3997
Hunter Lab 36.9245 33.1255 20.3896
CIE-Lab 43.7037 41.1341 39.9591

Base Numbers

BaseRedGreenBlue
Decimal 175 70 38
Binary 10101111 1000110 100110
Octal 257 106 46
Hex AF 46 26

Monochromatic Colors

#c85f3f
#e17858
#fa9171
#ffaa8a
#ffc3a3
#ffdcbc

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#af4626 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AF4626 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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