#AF9217 Information

#AF9217 color RGB value is (175 , 146 , 23) , HEX triplet: af, 92 and 17. RGB value is (175 , 146 , 23). Sum of RGB (Red+Green+Blue) = 175+146+23=344 (Red value is 175 (68.63% from 255 or 81.4% from 215); Green value is 146 (57.25% from 255 or 67.91% from 215); Blue value is 23 (9.02% from 255 or 10.7% from 215); Max value from RGB is 175 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #AF9217 hue: 0.13 , saturation: 0.77 and the lightness value of af9217 is 0.39.

#af9217
(175 , 146 , 23)
  • R (175)
  • G (146)
  • B (23)
  • C (0)
  • M (11.37)
  • Y (59.61)
  • K (31.37)

Applying the #af9217

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

#aa8d12
#a5880d
#a08308
#9b7e03
#967900
#917400
#8c6f00
#876a00
#826500
#7d6000
#785b00
#735600
#bb9e23
#c7aa2f
#d3b63b
#dfc247
#ebce53
#f7da5f
#ffe66b
#fff277
#fffe83
#ffff8f
#ffff9b
#ffffa7

Color spaces of #af9217

Type Values
RGB 175 146 23
HSL 0.13 0.77 0.39
HSV 49 87 69
CMYK 0 11.37 59.61 31.37
XYZ 28.1127 29.7336 5.0681
Hunter Lab 54.5285 -3.3971 32.6604
CIE-Lab 61.4237 -0.5842 61.5457

Base Numbers

BaseRedGreenBlue
Decimal 175 146 23
Binary 10101111 10010010 10111
Octal 257 222 27
Hex AF 92 17

Monochromatic Colors

#c8ab30
#e1c449
#fadd62
#fff67b
#ffff94
#ffffad

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#af9217 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#AF9217 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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