#FAA472 Information

#FAA472 color RGB value is (250 , 164 , 114) , HEX triplet: fa, a4 and 72. RGB value is (250 , 164 , 114). Sum of RGB (Red+Green+Blue) = 250+164+114=528 (Red value is 250 (98.04% from 255 or 116.28% from 215); Green value is 164 (64.31% from 255 or 76.28% from 215); Blue value is 114 (44.71% from 255 or 53.02% from 215); Max value from RGB is 250 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #FAA472 hue: 0.06 , saturation: 0.93 and the lightness value of faa472 is 0.71.

#faa472
(250 , 164 , 114)
  • R (250)
  • G (164)
  • B (114)
  • C (0)
  • M (33.73)
  • Y (53.33)
  • K (1.96)

Applying the #faa472

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

#f59f6d
#f09a68
#eb9563
#e6905e
#e18b59
#dc8654
#d7814f
#d27c4a
#cd7745
#c87240
#c36d3b
#be6836
#ffb07e
#ffbc8a
#ffc896
#ffd4a2
#ffe0ae
#ffecba
#fff8c6
#ffffd2
#ffffde
#ffffea
#fffff6
#ffffff

Color spaces of #faa472

Type Values
RGB 250 164 114
HSL 0.06 0.93 0.71
HSV 22 54 98
CMYK 0 33.73 53.33 1.96
XYZ 55.7371 48.0898 22.2642
Hunter Lab 69.3468 22.1116 29.5132
CIE-Lab 74.8815 26.7786 38.8651

Base Numbers

BaseRedGreenBlue
Decimal 250 164 114
Binary 11111010 10100100 1110010
Octal 372 244 162
Hex FA A4 72

Monochromatic Colors

#ffbd8b
#ffd6a4
#ffefbd
#ffffd6
#ffffef
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#faa472 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#FAA472 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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