#FD9672 Information

#FD9672 color RGB value is (253 , 150 , 114) , HEX triplet: fd, 96 and 72. RGB value is (253 , 150 , 114). Sum of RGB (Red+Green+Blue) = 253+150+114=517 (Red value is 253 (99.22% from 255 or 117.67% from 215); Green value is 150 (58.82% from 255 or 69.77% from 215); Blue value is 114 (44.71% from 255 or 53.02% from 215); Max value from RGB is 253 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #FD9672 hue: 0.04 , saturation: 0.97 and the lightness value of fd9672 is 0.72.

#fd9672
(253 , 150 , 114)
  • R (253)
  • G (150)
  • B (114)
  • C (0)
  • M (40.39)
  • Y (54.51)
  • K (0.78)

Applying the #fd9672

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

#f8916d
#f38c68
#ee8763
#e9825e
#e47d59
#df7854
#da734f
#d56e4a
#d06945
#cb6440
#c65f3b
#c15a36
#ffa27e
#ffae8a
#ffba96
#ffc6a2
#ffd2ae
#ffdeba
#ffeac6
#fff6d2
#ffffde
#ffffea
#fffff6
#ffffff

Color spaces of #fd9672

Type Values
RGB 253 150 114
HSL 0.04 0.97 0.72
HSV 16 55 99
CMYK 0 40.39 54.51 0.78
XYZ 54.4516 43.9102 21.5252
Hunter Lab 66.2648 30.7152 27.1318
CIE-Lab 72.1685 35.2306 35.5057

Base Numbers

BaseRedGreenBlue
Decimal 253 150 114
Binary 11111101 10010110 1110010
Octal 375 226 162
Hex FD 96 72

Monochromatic Colors

#ffaf8b
#ffc8a4
#ffe1bd
#fffad6
#ffffef
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#fd9672 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#FD9672 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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