#FD8C71 Information

#FD8C71 color RGB value is (253 , 140 , 113) , HEX triplet: fd, 8c and 71. RGB value is (253 , 140 , 113). Sum of RGB (Red+Green+Blue) = 253+140+113=506 (Red value is 253 (99.22% from 255 or 117.67% from 215); Green value is 140 (54.9% from 255 or 65.12% from 215); Blue value is 113 (44.31% from 255 or 52.56% from 215); Max value from RGB is 253 - color contains mainly: Red . Cylindrical-coordinate representations (also known as HSL) of color #FD8C71 hue: 0.03 , saturation: 0.97 and the lightness value of fd8c71 is 0.72.

#fd8c71
(253 , 140 , 113)
  • R (253)
  • G (140)
  • B (113)
  • C (0)
  • M (44.31)
  • Y (54.9)
  • K (0.78)

Applying the #fd8c71

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

#f8876c
#f38267
#ee7d62
#e9785d
#e47358
#df6e53
#da694e
#d56449
#d05f44
#cb5a3f
#c6553a
#c15035
#ff987d
#ffa489
#ffb095
#ffbca1
#ffc8ad
#ffd4b9
#ffe0c5
#ffecd1
#fff8dd
#ffffe9
#fffff5
#ffffff

Color spaces of #fd8c71

Type Values
RGB 253 140 113
HSL 0.03 0.97 0.72
HSV 12 55 99
CMYK 0 44.31 54.9 0.78
XYZ 52.8667 40.8311 20.7176
Hunter Lab 63.8992 35.8579 25.5122
CIE-Lab 70.0574 40.2613 33.3417

Base Numbers

BaseRedGreenBlue
Decimal 253 140 113
Binary 11111101 10001100 1110001
Octal 375 214 161
Hex FD 8C 71

Monochromatic Colors

#ffa58a
#ffbea3
#ffd7bc
#fff0d5
#ffffee
#ffffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#fd8c71 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#FD8C71 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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